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

color fixes

Browse Source
This commit is contained in:
zmeyer44 2023-10-13 23:02:58 -04:00
parent a5c7f207b3
commit cf5350ae02
4 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/(app)/_layout/BottomNav.tsx
View File

@ -28,8 +28,8 @@ export default function BottomNav() {
}, },
]; ];
return ( return (
<footer className="flex-0 flex h-[var(--bottom-nav-height)] sm:hidden"> <footer className="z-header- flex h-[var(--bottom-nav-height)] w-full bg-background sm:hidden">
<div className="fixed inset-x-0 bottom-0 flex h-[var(--bottom-nav-height)] flex-1 items-center justify-between border-t px-4"> <div className="fixed inset-x-0 bottom-0 flex h-[var(--bottom-nav-height)] flex-1 items-center justify-between border-t bg-background px-4">
{navigationItems.map((item) => ( {navigationItems.map((item) => (
<Link href={item.href} className="center group group flex-1"> <Link href={item.href} className="center group group flex-1">
<item.icon <item.icon

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

@ -6,7 +6,7 @@ import { MobileMenu } from "./components/MobileMenu";
export default function Header() { export default function Header() {
return ( return (
<header className="flex h-[var(--header-height)] shrink-0 grow-0 "> <header className="flex h-[var(--header-height)] shrink-0 grow-0 ">
<div className="fixed flex h-[var(--header-height)] w-full grow border-b p-5 sm:w-[calc(100vw_-_var(--sidebar-closed-width))] sm:border-b-0 sm:py-0 xl:w-[calc(100vw_-_var(--sidebar-open-width))]"> <div className="fixed z-header flex h-[var(--header-height)] w-full grow border-b bg-background p-5 sm:w-[calc(100vw_-_var(--sidebar-closed-width))] sm:border-b-0 sm:py-0 xl:w-[calc(100vw_-_var(--sidebar-open-width))]">
<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">
<RiLeafFill className="h-6 w-6 sm:hidden" /> <RiLeafFill className="h-6 w-6 sm:hidden" />

2
app/(app)/_layout/index.tsx
View File

@ -15,7 +15,7 @@ export default function AppLayout({ children }: { children: React.ReactNode }) {
{/* Sidebar */} {/* Sidebar */}
<Sidebar /> <Sidebar />
<div className="relative flex shrink-0 grow justify-center overflow-x-hidden"> <div className="relative flex flex-1 shrink-0 grow justify-center overflow-x-hidden">
<div className="flex-1 overflow-x-hidden px-5">{children}</div> <div className="flex-1 overflow-x-hidden px-5">{children}</div>
</div> </div>
{/* Mobile Banner */} {/* Mobile Banner */}

2
app/(app)/app/_sections/HorizontalCarousel.tsx
View File

@ -46,7 +46,7 @@ export default function HorizontalCarousel() {
return ( return (
<div className="scrollbar-thumb-rounded-full mr-auto flex min-w-0 max-w-full snap-x snap-mandatory overflow-x-auto pl-5 pr-[50vw] scrollbar-thin sm:pr-[200px]"> <div className="scrollbar-thumb-rounded-full mr-auto flex min-w-0 max-w-full snap-x snap-mandatory overflow-x-auto pl-5 pr-[50vw] scrollbar-thin sm:pr-[200px]">
{cards.map((creator) => ( {cards.map((creator) => (
<div className="snap-start pl-5"> <div className="snap-start pl-2 sm:pl-5">
<CreatorCard key={creator.displayName} {...creator} /> <CreatorCard key={creator.displayName} {...creator} />
</div> </div>
))} ))}