mirror of
https://github.com/ClipFusion-org/clipfusion.git
synced 2025-08-03 19:15:08 +00:00
made custom title bar code more readable
This commit is contained in:
parent
67cc20e35c
commit
94ac47126c
@ -51,7 +51,11 @@ html {
|
||||
body {
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
font-family: var(--font-geist), sans-serif;
|
||||
background-color: var(--background);
|
||||
background-color: var(--color-background);
|
||||
}
|
||||
|
||||
.dark body {
|
||||
background-color: var(--color-background);
|
||||
}
|
||||
|
||||
:root {
|
||||
|
@ -263,17 +263,16 @@ export default function Home(): ReactNode {
|
||||
|
||||
return (
|
||||
<>
|
||||
<div className="flex flex-row items-center gap-2 absolute top-0 left-0 p-5 z-40" tabIndex={1}>
|
||||
<div className="p-5 w-full h-full">
|
||||
<div aria-hidden className="fixed top-0 left-0 w-full z-10">
|
||||
<div className="sticky top-0 left-0 w-full h-safe-area-inset-top bg-background" />
|
||||
</div>
|
||||
<div className="flex flex-row items-center gap-2">
|
||||
<SidebarTrigger size="lg" />
|
||||
<h2 className="font-bold break-keep text-xl sm:text-2xl md:text-3xl lg:text-4xl leading-none">Project Library</h2>
|
||||
{projects && <Label className="text-muted-foreground text-sm">(Found {projects.length} projects)</Label>}
|
||||
</div>
|
||||
<div className="p-5 w-full h-full">
|
||||
<div aria-hidden className="fixed top-0 left-0 w-full z-10">
|
||||
<div className="sticky top-0 left-0 w-full h-safe-area-inset-top bg-[#0a0a0a]" />
|
||||
</div>
|
||||
<div className="h-8" />
|
||||
<div className="flex flex-row items-center justify-between sticky top-safe bg-background gap-2 mt-3 pb-2 pt-2 w-full z-40">
|
||||
<div className="flex flex-row items-center justify-between sticky top-safe bg-background gap-2 mt-3 pb-2 pt-2 w-full z-20">
|
||||
<div className="flex flex-row items-center gap-2">
|
||||
<Dialog>
|
||||
<DialogTrigger asChild>
|
||||
|
Loading…
Reference in New Issue
Block a user