pleb/flockstr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

header and some layout stuff

Browse Source
This commit is contained in:
zmeyer44 2023-10-14 22:51:37 -04:00
parent dc78737b2d
commit cad7b78798
3 changed files with 14 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
app/(app)/_layout/Header.tsx
View File

@ -12,14 +12,15 @@ export default function Header() {
<div className="flex flex-1 items-stretch justify-between gap-x-4 sm:border-b">
<div className="center justify-between gap-x-3 text-foreground">
<Logo className="h-[30px] w-[30px] text-primary sm:hidden" />
<div className="text-xl font-semibold">Flockstr</div>
</div>
<div className="flex grow items-center justify-end">
<div className="sm:hidden">
<MobileMenu />
<div className="font-condensed text-xl font-semibold text-foreground xl:hidden">
Flockstr
</div>
<div className="hidden items-center gap-x-4 sm:flex">
</div>
<div className="flex grow items-center justify-end gap-x-4 xl:justify-between">
<div className="hidden sm:flex">
<Search />
</div>
<div className="flex items-center gap-x-4">
<Notifications />
<Relays />
<UserMenu />

5
app/(app)/_layout/Keystone.tsx
View File

@ -5,9 +5,12 @@ export default function Keystone() {
<div className="center hidden sm:flex">
<Link
href="/"
className="center fixed h-[var(--header-height)] w-[var(--sidebar-closed-width)] border-r text-primary hover:text-primary/80 xl:w-[var(--sidebar-open-width)] xl:justify-start xl:pl-5"
className="center fixed h-[var(--header-height)] w-[var(--sidebar-closed-width)] gap-x-3 border-r text-primary hover:text-primary/80 xl:w-[var(--sidebar-open-width)] xl:justify-start xl:pl-5"
>
<Logo className="h-[30px] w-[30px]" />
<div className="font-condensed hidden text-xl font-semibold text-foreground xl:inline-flex">
Flockstr
</div>
</Link>
</div>
);

6
app/(app)/app/_sections/LiveStreaming.tsx
View File

@ -41,9 +41,9 @@ export default function LiveStreamingSection() {
},
];
return (
<Section>
<Section className="max-sm:-mx-5">
<SectionHeader>
<div className="center gap-x-2">
<div className="center gap-x-2 max-sm:px-5">
<SectionTitle>Streaming Now</SectionTitle>
<LiveBadge text={"LIVE"} />
</div>
@ -53,7 +53,7 @@ export default function LiveStreamingSection() {
</SectionHeader>
<SectionContent className="relative">
<ScrollArea>
<div className="flex space-x-2 pb-4">
<div className="flex space-x-2 pb-4 max-sm:px-5">
{demo.map((item) => (
<VideoCard
key={item.id}