forked from
whey.party/red-dwarf
an independent Bluesky client using Constellation, PDS Queries, and other services
more dynamic disabling
+5
-5
+1
-1
src/components/Header.tsx
+1
-1
src/components/Header.tsx
···
14
14
const [isAtTop] = useAtom(isAtTopAtom);
15
15
//const what = router.history.
16
16
return (
17
-
<div className={`flex items-center gap-3 px-3 py-3 h-[52px] sticky top-0 bg-[var(--header-bg-light)] dark:bg-[var(--header-bg-dark)] z-10 border-0 ${!isAtTop && "shadow-sm"} sm:dark:bg-gray-950 sm:bg-white border-gray-200 dark:border-gray-700`}>
17
+
<div className={`flex items-center gap-3 px-3 py-3 h-[52px] sticky top-0 bg-[var(--header-bg-light)] dark:bg-[var(--header-bg-dark)] z-10 border-0 sm:border-b ${!isAtTop && "shadow-sm"} sm:shadow-none sm:dark:bg-gray-950 sm:bg-white border-gray-200 dark:border-gray-700`}>
18
18
{backButtonCallback ? (<Link
19
19
to=".."
20
20
//className="px-3 py-1 rounded hover:bg-gray-100 dark:hover:bg-gray-900 font-bold text-lg"
+4
-4
src/routes/index.tsx
+4
-4
src/routes/index.tsx
···
356
356
357
357
return (
358
358
<div
359
-
className={`relative flex flex-col divide-y divide-gray-200 dark:divide-gray-800 ${hidden && "hidden"} ${!isAtTop && "shadow"}`}
359
+
className={`relative flex flex-col divide-y divide-gray-200 dark:divide-gray-800 ${hidden && "hidden"}`}
360
360
>
361
361
{savedFeeds.length > 0 ? (
362
-
<div className="flex items-center px-4 py-2 h-[52px] sticky top-0 bg-[var(--header-bg-light)] dark:bg-[var(--header-bg-dark)] sm:bg-white sm:dark:bg-gray-950 z-10 border-0 border-gray-200 dark:border-gray-700 overflow-x-auto overflow-y-hidden scroll-thin">
362
+
<div className={`flex items-center px-4 py-2 h-[52px] sticky top-0 bg-[var(--header-bg-light)] dark:bg-[var(--header-bg-dark)] ${!isAtTop && "shadow-sm"} sm:shadow-none sm:bg-white sm:dark:bg-gray-950 z-10 border-0 sm:border-b border-gray-200 dark:border-gray-700 overflow-x-auto overflow-y-hidden scroll-thin`}>
363
363
{savedFeeds.map((item: any, idx: number) => {
364
364
const label = item.value.split("/").pop() || item.value;
365
365
const isActive = selectedFeed === item.value;
···
383
383
<span
384
384
className={`ml-1 text-xs ${
385
385
isActive
386
-
? "text-gray-900 dark:text-gray-100 hover:bg-gray-300 dark:bg-gray-700 bg-gray-200 hover:dark:bg-gray-600"
387
-
: "text-gray-600 dark:text-gray-400 hover:bg-gray-100 hover:dark:bg-gray-800"
386
+
? "text-gray-900 dark:text-gray-100"
387
+
: "text-gray-600 dark:text-gray-400"
388
388
}`}
389
389
>
390
390
★