nils/papercrate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

frontend cleanup

Browse Source
This commit is contained in:
nils
2025-10-30 18:17:01 +01:00
parent bb34a47fa8
commit 85f3d90329
7 changed files with 510 additions and 292 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/styles.css
+34 -19
View File
@@ -313,9 +313,9 @@ button.danger:hover:not([disabled]) {
background: transparent;
}
.panel-actions .icon-button,
.panel-actions button,
.panel-actions a.icon-button {
.panel-header .icon-button,
.panel-header button,
.panel-header a.icon-button {
display: inline-flex;
align-items: flex-start;
justify-content: flex-start;
@@ -330,21 +330,21 @@ button.danger:hover:not([disabled]) {
text-align: left;
}
.panel-actions .icon-button:hover:not([disabled]),
.panel-actions button:hover:not([disabled]),
.panel-actions a.icon-button:hover {
.panel-header .icon-button:hover:not([disabled]),
.panel-header button:hover:not([disabled]),
.panel-header a.icon-button:hover {
background: var(--sidebar-hover-bg);
color: var(--fg);
}
.panel-actions .icon-button.ghost,
.panel-actions button.icon-button.ghost {
.panel-header .icon-button.ghost,
.panel-header button.icon-button.ghost {
color: var(--muted);
padding: 0.25rem;
}
.panel-actions .icon-button.ghost:hover:not([disabled]),
.panel-actions button.icon-button.ghost:hover:not([disabled]) {
.panel-header .icon-button.ghost:hover:not([disabled]),
.panel-header button.icon-button.ghost:hover:not([disabled]) {
color: var(--fg);
background: var(--sidebar-hover-bg);
}
@@ -607,6 +607,8 @@ button.danger:hover:not([disabled]) {
flex-wrap: wrap;
align-items: baseline;
gap: 0.5rem;
flex: 1 1 auto;
min-width: 0;
}
.main-content__subtitle {
@@ -623,9 +625,9 @@ button.danger:hover:not([disabled]) {
grid-template-columns: auto minmax(0, 1fr);
}
.sidebar .panel-actions .icon,
.main-content__header .panel-actions .icon,
.detail-panel .panel-actions .icon {
.sidebar .panel-header .icon,
.main-content__header .icon,
.detail-panel .panel-header .icon {
width: 1.35rem;
height: 1.35rem;
}
@@ -2207,18 +2209,35 @@ button.danger:hover:not([disabled]) {
.panel-header {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 0.5rem;
justify-content: space-between;
gap: 0.75rem;
padding: 0.5rem;
}
.panel-header__title {
margin: 0;
font-size: 1rem;
font-weight: 600;
line-height: 1.2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
flex: 1 1 auto;
min-width: 0;
}
.panel-body {
padding: 0.5rem 1rem;
}
.panel-actions {
display: flex;
align-items: center;
gap: 0.5rem;
flex: 1 1 auto;
}
.panel-actions__spacer {
flex-grow: 1;
}
@@ -2227,10 +2246,6 @@ button.danger:hover:not([disabled]) {
padding-left: 0.5rem;
}
.panel-actions .spacer {
flex-grow: 1;
}
.detail-panel .panel-body {
flex: 1;
display: flex;