shinuwa/sokko-g
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

structure refacto & file documentation
All checks were successful
Deploy Sokko G / deploy (push) Successful in 7s
Details

Browse source
This commit is contained in:
Shinuwa 2026-07-25 17:51:53 +02:00
parent d7871736c8
commit 895fec2b40
84 changed files with 2629 additions and 2313 deletions
Download patch file Download diff file Expand all files Collapse all files

29
website/src/styles/_toolboxes.scss
View file

@ -1,3 +1,4 @@
// Rôle : regroupe les styles des toolboxes, outils et panneau latéral.
@use "mixins";
.toolbox-head {
@ -1701,14 +1702,14 @@ textarea:focus {
padding: var(--space-4);
}
.shots {
.images {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
gap: var(--space-3);
padding: var(--space-4);
}
.shots figure {
.images figure {
position: relative;
display: grid;
gap: 8px;
@ -1719,7 +1720,7 @@ textarea:focus {
background: rgba(5, 7, 17, 0.38);
}
.shot-preview {
.image-preview {
display: block;
width: 100%;
min-height: 0;
@ -1729,18 +1730,18 @@ textarea:focus {
background: transparent;
}
.shot-preview:hover {
.image-preview:hover {
transform: none;
box-shadow: 0 0 0 2px rgba(246, 196, 83, 0.28);
}
.shot-label,
.shot-label-input {
.image-label,
.image-label-input {
min-width: 0;
font-size: var(--font-size-sm);
}
.shot-label {
.image-label {
overflow: hidden;
color: var(--color-text-secondary);
font-weight: 700;
@ -1748,7 +1749,7 @@ textarea:focus {
white-space: nowrap;
}
.shot-label-input {
.image-label-input {
width: 100%;
min-height: 36px;
padding: 0 10px;
@ -1758,17 +1759,17 @@ textarea:focus {
color: var(--color-text);
}
.shot-label-input::placeholder {
.image-label-input::placeholder {
color: rgba(185, 194, 215, 0.48);
}
.shot-label-input:focus {
.image-label-input:focus {
border-color: rgba(246, 196, 83, 0.72);
outline: none;
box-shadow: 0 0 0 3px rgba(246, 196, 83, 0.14);
}
.shots img {
.images img {
display: block;
width: 100%;
aspect-ratio: 16 / 9;
@ -1777,12 +1778,12 @@ textarea:focus {
background: var(--color-bg-deep);
}
.shot-actions {
.image-actions {
display: flex;
gap: var(--space-2);
}
.shot-actions .shot-annotate-button,
.shot-actions .shot-delete-button {
.image-actions .image-annotate-button,
.image-actions .image-delete-button {
margin-top: 0;
}