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

11
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="flex flex-1 items-stretch justify-between gap-x-4 sm:border-b">
<div className="center justify-between gap-x-3 text-foreground"> <div className="center justify-between gap-x-3 text-foreground">
<Logo className="h-[30px] w-[30px] text-primary sm:hidden" /> <Logo className="h-[30px] w-[30px] text-primary sm:hidden" />
<div className="text-xl font-semibold">Flockstr</div> <div className="font-condensed text-xl font-semibold text-foreground xl:hidden">
Flockstr
</div> </div>
<div className="flex grow items-center justify-end">
<div className="sm:hidden">
<MobileMenu />
</div> </div>
<div className="hidden items-center gap-x-4 sm:flex"> <div className="flex grow items-center justify-end gap-x-4 xl:justify-between">
<div className="hidden sm:flex">
<Search /> <Search />
</div>
<div className="flex items-center gap-x-4">
<Notifications /> <Notifications />
<Relays /> <Relays />
<UserMenu /> <UserMenu />

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

@ -5,9 +5,12 @@ export default function Keystone() {
<div className="center hidden sm:flex"> <div className="center hidden sm:flex">
<Link <Link
href="/" 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]" /> <Logo className="h-[30px] w-[30px]" />
<div className="font-condensed hidden text-xl font-semibold text-foreground xl:inline-flex">
Flockstr
</div>
</Link> </Link>
</div> </div>
); );

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

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