feat: refine grid view layout with improved action button sizing, footer alignment, and checkbox positioning.
This commit is contained in:
@@ -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 */
|
||||
|
||||
Reference in New Issue
Block a user