feat: refine grid view layout with improved action button sizing, footer alignment, and checkbox positioning.

This commit is contained in:
2026-01-18 15:31:46 -05:00
parent 84ac064462
commit 836bf1fcd3
4 changed files with 28 additions and 213 deletions
+25 -5
View File
@@ -1170,6 +1170,10 @@ input:checked+.theme-slider:before {
z-index: 20;
}
.view-grid .link-select-checkbox {
right: 3.5rem;
}
[data-theme="dark"] .link-select-checkbox {
background: rgba(30, 41, 59, 0.9);
border: 1px solid var(--border);
@@ -1367,6 +1371,12 @@ input:checked+.theme-slider:before {
border-top: 1px solid var(--border);
}
.view-grid .link-footer {
flex-direction: column-reverse;
align-items: flex-end;
gap: 0.5rem;
}
/* Tags */
.link-tag-list {
display: flex;
@@ -1390,6 +1400,11 @@ input:checked+.theme-slider:before {
color: white;
}
.view-grid .link-tag-list {
align-self: stretch;
justify-content: flex-end;
}
/* Actions */
.link-actions {
display: flex;
@@ -1401,8 +1416,8 @@ input:checked+.theme-slider:before {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
width: 36px;
height: 36px;
background: transparent;
border: none;
border-radius: 0.375rem;
@@ -1412,6 +1427,11 @@ input:checked+.theme-slider:before {
text-decoration: none;
}
.link-actions a i,
.link-actions button i {
font-size: 1.15rem;
}
.link-actions a:hover,
.link-actions button:hover {
background: var(--primary-light);
@@ -2745,13 +2765,13 @@ select:focus {
.view-compact .link-actions a,
.view-compact .link-actions button {
width: 26px;
height: 26px;
width: 32px;
height: 32px;
}
.view-compact .link-actions a i,
.view-compact .link-actions button i {
font-size: 0.9rem;
font-size: 1.05rem;
}
/* Compact view - Hover actions */