admin/cobalt
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

web: omnibox base with meowbalt

Browse Source
This commit is contained in:
wukko
2024-06-14 21:48:57 +06:00
parent 7cab37fc30
commit e6ffa4864c
11 changed files with 286 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/sidebar/CobaltLogo.svelte
View File

@@ -10,7 +10,7 @@
display: flex;
justify-content: center;
align-items: center;
padding: calc(var(--sidebar-padding) * 2 - 2px);
padding: calc(var(--padding) * 2 - 2px);
}
@media screen and (max-width: 535px) {
#cobalt-logo {

7
web/src/components/sidebar/Sidebar.svelte
View File

@@ -60,7 +60,7 @@
}
#sidebar {
background: black;
background: var(--secondary);
height: 100vh;
position: sticky;
width: var(--sidebar-width);
@@ -69,7 +69,7 @@
#sidebar-tabs {
height: 100%;
justify-content: space-between;
padding-bottom: var(--sidebar-padding);
padding-bottom: var(--padding);
overflow: scroll;
}
@@ -94,7 +94,8 @@
display: block;
position: absolute;
pointer-events: none;
background: linear-gradient(90deg,
background: linear-gradient(
90deg,
rgba(0, 0, 0, 0.9) 0%,
rgba(0, 0, 0, 0) 4%,
rgba(0, 0, 0, 0) 50%,

10
web/src/components/sidebar/SidebarTab.svelte
View File

@@ -24,15 +24,15 @@
align-items: center;
text-align: center;
gap: 5px;
padding: var(--sidebar-padding) 5px;
color: var(--accent);
padding: var(--padding) 5px;
color: var(--primary);
font-size: var(--sidebar-font-size);
opacity: 0.8;
}
.sidebar-tab.active {
color: var(--background);
background: var(--accent);
color: var(--secondary);
background: var(--primary);
opacity: 1;
}
@@ -42,7 +42,7 @@
@media screen and (max-width: 535px) {
.sidebar-tab {
padding: 5px var(--sidebar-padding);
padding: 5px var(--padding);
min-width: calc(var(--sidebar-width) / 2);
}
.sidebar-tab.active {