Solidtime/solidtime
1
0
Fork 0
mirror of https://github.com/solidtime-io/solidtime.git synced 2026-05-07 20:32:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

improve sidebar

Browse Source
This commit is contained in:
Gregor Vostrak
2024-05-31 03:02:18 +02:00
parent c9311780ed
commit a64ee87d19
3 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/css/app.css
+1
View File
@@ -7,6 +7,7 @@
--color-bg-secondary: #1b1c20;
--color-bg-tertiary: #2A2C32;
--color-bg-quaternary: #141518;
--color-bg-background: #080808;
--color-text-primary: #ffffff;
--color-text-secondary: #e3e4e6;
--color-text-tertiary: #969799;
resources/js/Layouts/AppLayout.vue
+3 -5
View File
@@ -55,14 +55,12 @@ const page = usePage<{
</script>
<template>
<div
v-bind="$attrs"
class="flex flex-wrap bg-default-background text-muted">
<div v-bind="$attrs" class="flex flex-wrap bg-background text-muted">
<div
:class="{
'!flex bg-default-background w-full z-50': showSidebarMenu,
}"
class="flex-shrink-0 h-screen hidden fixed w-[230px] 2xl:w-[270px] px-2.5 2xl:px-4 py-4 sm:flex flex-col justify-between">
class="flex-shrink-0 h-screen hidden fixed w-[230px] 2xl:w-[250px] px-2.5 2xl:px-4 py-4 sm:flex flex-col justify-between">
<div>
<div
class="border-b border-default-background-separator pb-2 flex justify-between">
@@ -183,7 +181,7 @@ const page = usePage<{
<UserSettingsIcon></UserSettingsIcon>
</ul>
</div>
<div class="flex-1 sm:ml-[230px] 2xl:ml-[270px]">
<div class="flex-1 sm:ml-[230px] 2xl:ml-[250px]">
<div
class="sm:hidden w-full px-3 py-1 border-b border-b-default-background-separator text-muted flex justify-between items-center">
<Bars3Icon
tailwind.config.js
+1
View File
@@ -28,6 +28,7 @@ export default {
'secondary': 'var(--color-bg-secondary)',
'tertiary': 'var(--color-bg-tertiary)',
'quaternary': 'var(--color-bg-quaternary)',
'background': 'var(--color-bg-background)',
'text-primary': 'var(--color-text-primary)',
'text-secondary': 'var(--color-text-secondary)',
'text-tertiary': 'var(--color-text-tertiary)',