giers10/textDB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add styles for sidebar collapse and topbar in workspace

Browse Source
This commit is contained in:
Victor Giers
2026-01-31 12:26:41 +01:00
parent 1d1e544d35
commit f125f81576
1 changed files with 29 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/index.css
View File

@@ -42,6 +42,10 @@ body {
min-height: 100vh; min-height: 100vh;
} }
.app--sidebar-collapsed {
grid-template-columns: 1fr;
}
.sidebar { .sidebar {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -61,6 +65,13 @@ body {
padding-right: 24px; padding-right: 24px;
} }
.sidebar__title-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
.sidebar__footer { .sidebar__footer {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -227,6 +238,13 @@ body {
overflow: hidden; overflow: hidden;
} }
.workspace__topbar {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 16px;
}
.workspace__content { .workspace__content {
display: grid; display: grid;
grid-template-columns: 1fr; grid-template-columns: 1fr;
@@ -300,6 +318,17 @@ body {
transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease; transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
} }
.icon-button--ghost {
border-color: transparent;
background: transparent;
}
.icon-button--ghost:hover {
border-color: rgba(255, 255, 255, 0.12);
background: var(--bg-elevated);
color: var(--ink);
}
.icon-button__img { .icon-button__img {
width: 18px; width: 18px;
height: 18px; height: 18px;