UI: Glass effect everywhere, fix nav height, simplify quote form
All checks were successful
Build Docker Image / build (push) Successful in 3m9s
All checks were successful
Build Docker Image / build (push) Successful in 3m9s
- Fixed nav height (h-20), logo and user menu aligned to top - Quote form: removed colored circles, simple labels, search button inside pill - Panels closer to nav (top-4 instead of top-20) - Glass effect on all overlays (bg-base-100/70 backdrop-blur-md) - Selection panel sticky headers with glass effect
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="flex flex-col gap-3">
|
||||
<!-- Header (sticky at top) -->
|
||||
<div class="flex items-center justify-between sticky top-0 bg-base-300/95 -mx-4 px-4 py-2 -mt-4 z-10">
|
||||
<div class="flex items-center justify-between sticky top-0 bg-base-100/80 backdrop-blur-sm -mx-4 px-4 py-2 -mt-4 z-10">
|
||||
<h3 class="font-semibold text-lg">{{ title }}</h3>
|
||||
<button class="btn btn-ghost btn-sm btn-circle" @click="emit('close')">
|
||||
<Icon name="lucide:x" size="18" />
|
||||
@@ -9,7 +9,7 @@
|
||||
</div>
|
||||
|
||||
<!-- Search input (sticky below header) -->
|
||||
<div class="sticky top-10 bg-base-300/95 -mx-4 px-4 pb-2 z-10">
|
||||
<div class="sticky top-10 bg-base-100/80 backdrop-blur-sm -mx-4 px-4 pb-2 z-10">
|
||||
<input
|
||||
v-model="searchQuery"
|
||||
type="text"
|
||||
|
||||
Reference in New Issue
Block a user