vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-05-10 04:30:25 +02:00
Code Issues Packages Projects Releases Wiki Activity

add dynamic card selection style based on gap

Browse Source
This commit is contained in:
jeffvli
2025-11-14 02:29:39 -08:00
parent 11cc58ca35
commit 8fa9a90813
2 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/components/item-card/item-card.module.css
+1 -1
View File
@@ -12,7 +12,7 @@
.container.selected { .container.selected {
outline: 2px solid var(--theme-colors-primary); outline: 2px solid var(--theme-colors-primary);
outline-offset: 2px; outline-offset: var(--card-gap, var(--theme-spacing-md));
} }
.container.dragging { .container.dragging {
src/renderer/components/item-list/item-grid-list/item-grid-list.module.css
+10
View File
@@ -31,20 +31,30 @@
.item-row.gap-xs { .item-row.gap-xs {
padding: var(--theme-spacing-xs); padding: var(--theme-spacing-xs);
--card-gap: 2px;
} }
.item-row.gap-sm { .item-row.gap-sm {
padding: var(--theme-spacing-sm); padding: var(--theme-spacing-sm);
--card-gap: var(--theme-spacing-xs);
} }
.item-row.gap-md { .item-row.gap-md {
padding: var(--theme-spacing-md); padding: var(--theme-spacing-md);
--card-gap: var(--theme-spacing-sm);
} }
.item-row.gap-lg { .item-row.gap-lg {
padding: var(--theme-spacing-lg); padding: var(--theme-spacing-lg);
--card-gap: var(--theme-spacing-sm);
} }
.item-row.gap-xl { .item-row.gap-xl {
padding: var(--theme-spacing-xl); padding: var(--theme-spacing-xl);
--card-gap: var(--theme-spacing-sm);
} }