KevinMidboe/seasoned
1
0
Fork 0
mirror of https://github.com/KevinMidboe/seasoned.git synced 2026-04-24 16:53:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

Enhance torrent components, command palette, and global stylings

Browse Source 
- Torrent Table gets more consistent background styling
- StorageSectionBrowser w/ different chevron icons for open/close
- Vim keyboard navigation for command palette
- Update main.scss with animations which don't stack & interfere
- Command pallet vim vertical navigation
This commit is contained in:
Kevin
2026-03-23 23:16:43 +01:00
parent 444e633f50
commit c3eefb3ec6
7 changed files with 108 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/torrent/TorrentTable.vue
View File

@@ -259,7 +259,7 @@
padding: 0.5rem 0.6rem;
cursor: default;
word-break: break-word;
border-left: 1px solid var(--highlight-secondary, var(--highlight-color));
border-left: 1px solid var(--highlight-color);
@include mobile {
width: 100%;
@@ -301,7 +301,7 @@
tr td:last-of-type {
vertical-align: middle;
cursor: pointer;
border-right: 1px solid var(--highlight-secondary, var(--highlight-color));
border-right: 1px solid var(--highlight-color);
max-width: 60px;
text-align: center;
@@ -328,26 +328,19 @@
color: var(--text-color);
td {
border-left: 1px solid
var(--highlight-secondary, var(--highlight-color));
border-left: 1px solid var(--highlight-color);
fill: var(--text-color);
}
}
tr:nth-child(odd) {
background-color: var(--highlight-secondary, var(--background-color));
color: var(--highlight-bg, var(--text-color));
td {
fill: var(--highlight-bg, var(--text-color)) !important;
}
background: rgba(0, 0, 0, 0.15);
}
// last element rounded corner border
tr:last-of-type {
td {
border-bottom: 1px solid
var(--highlight-secondary, var(--highlight-color));
border-left: 1px solid var(--highlight-bg, var(--text-color));
border-bottom: 1px solid var(--highlight-color);
border-left: 1px solid var(--highlight-color);
}
td:first-of-type {