optovia/webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Apply dark glass style (bg-black/30) to navbar, left panel, mobile panel
All checks were successful
Build Docker Image / build (push) Successful in 3m13s
Details

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-01-23 12:30:28 +07:00
parent 9d46bab93f
commit aa5a0a66fa
2 changed files with 32 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/components/page/CatalogPage.vue
View File

@@ -69,7 +69,7 @@
v-if="showPanel"
class="absolute top-4 left-4 bottom-4 z-10 w-96 max-w-[calc(100vw-2rem)] hidden lg:block"
>
<div class="bg-base-100/70 backdrop-blur-md rounded-xl shadow-lg border border-base-300/50 p-4 h-full overflow-y-auto">
<div class="bg-black/30 backdrop-blur-md rounded-xl shadow-lg border border-white/10 p-4 h-full overflow-y-auto text-white">
<slot name="panel" />
</div>
</div>
@@ -112,7 +112,7 @@
<!-- Mobile panel (collapsible) - only when showPanel is true -->
<div
v-if="showPanel"
class="bg-base-100/70 backdrop-blur-md rounded-t-xl shadow-lg border border-base-300/50 transition-all duration-300"
class="bg-black/30 backdrop-blur-md rounded-t-xl shadow-lg border border-white/10 transition-all duration-300 text-white"
:class="mobilePanelExpanded ? 'h-[60vh]' : 'h-auto'"
>
<!-- Drag handle -->
@@ -120,7 +120,7 @@
class="flex justify-center py-2 cursor-pointer"
@click="mobilePanelExpanded = !mobilePanelExpanded"
>
<div class="w-10 h-1 bg-base-300 rounded-full" />
<div class="w-10 h-1 bg-white/30 rounded-full" />
</div>
<div class="px-4 pb-4 overflow-y-auto" :class="mobilePanelExpanded ? 'h-[calc(60vh-2rem)]' : 'max-h-48'">