reya/lume
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

polish

Browse Source
This commit is contained in:
Ren Amamiya
2023-06-22 21:14:53 +07:00
parent 36888221ff
commit 21d22320b3
7 changed files with 18 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/channel/components/list.tsx
View File

@@ -12,7 +12,7 @@ export function ChannelsList() {
}, [fetchChannels]); }, [fetchChannels]);
return ( return (
<div className="flex flex-col gap-0.5"> <div className="flex flex-col">
{!channels ? ( {!channels ? (
<> <>
<div className="inline-flex h-9 items-center gap-2 rounded-md px-2.5"> <div className="inline-flex h-9 items-center gap-2 rounded-md px-2.5">

12
src/app/chat/components/list.tsx
View File

@@ -17,29 +17,29 @@ export function ChatsList() {
if (!account) if (!account)
return ( return (
<div className="flex flex-col gap-0.5"> <div className="flex flex-col">
<div className="inline-flex h-9 items-center gap-2 rounded-md px-2.5"> <div className="inline-flex h-9 items-center gap-2 rounded-md px-2.5">
<div className="relative h-5 w-5 shrink-0 animate-pulse rounded bg-zinc-800" /> <div className="relative h-6 w-6 shrink-0 animate-pulse rounded bg-zinc-800" />
<div className="h-3 w-full rounded-sm animate-pulse bg-zinc-800" /> <div className="h-3 w-full rounded-sm animate-pulse bg-zinc-800" />
</div> </div>
<div className="inline-flex h-9 items-center gap-2 rounded-md px-2.5"> <div className="inline-flex h-9 items-center gap-2 rounded-md px-2.5">
<div className="relative h-5 w-5 shrink-0 animate-pulse rounded bg-zinc-800" /> <div className="relative h-6 w-6 shrink-0 animate-pulse rounded bg-zinc-800" />
<div className="h-3 w-full rounded-sm animate-pulse bg-zinc-800" /> <div className="h-3 w-full rounded-sm animate-pulse bg-zinc-800" />
</div> </div>
</div> </div>
); );
return ( return (
<div className="flex flex-col gap-0.5"> <div className="flex flex-col">
<ChatsListSelfItem data={account} /> <ChatsListSelfItem data={account} />
{!chats ? ( {!chats ? (
<> <>
<div className="inline-flex h-9 items-center gap-2 rounded-md px-2.5"> <div className="inline-flex h-9 items-center gap-2 rounded-md px-2.5">
<div className="relative h-5 w-5 shrink-0 animate-pulse rounded bg-zinc-800" /> <div className="relative h-6 w-6 shrink-0 animate-pulse rounded bg-zinc-800" />
<div className="h-3 w-full rounded-sm animate-pulse bg-zinc-800" /> <div className="h-3 w-full rounded-sm animate-pulse bg-zinc-800" />
</div> </div>
<div className="inline-flex h-9 items-center gap-2 rounded-md px-2.5"> <div className="inline-flex h-9 items-center gap-2 rounded-md px-2.5">
<div className="relative h-5 w-5 shrink-0 animate-pulse rounded bg-zinc-800" /> <div className="relative h-6 w-6 shrink-0 animate-pulse rounded bg-zinc-800" />
<div className="h-3 w-full rounded-sm animate-pulse bg-zinc-800" /> <div className="h-3 w-full rounded-sm animate-pulse bg-zinc-800" />
</div> </div>
</> </>

9
src/app/space/components/blocks/following.tsx
View File

@@ -101,14 +101,7 @@ export function FollowingBlock({ block }: { block: number }) {
className="scrollbar-hide flex w-full h-full flex-col justify-between gap-1.5 pt-1.5 pb-20 overflow-y-auto" className="scrollbar-hide flex w-full h-full flex-col justify-between gap-1.5 pt-1.5 pb-20 overflow-y-auto"
style={{ contain: "strict" }} style={{ contain: "strict" }}
> >
{isLoading && ( {!data || isLoading ? (
<div className="px-3 py-1.5">
<div className="rounded-md bg-zinc-900 px-3 py-3 shadow-input shadow-black/20">
<NoteSkeleton />
</div>
</div>
)}
{!data ? (
<div className="px-3 py-1.5"> <div className="px-3 py-1.5">
<div className="rounded-md bg-zinc-900 px-3 py-3 shadow-input shadow-black/20"> <div className="rounded-md bg-zinc-900 px-3 py-3 shadow-input shadow-black/20">
<NoteSkeleton /> <NoteSkeleton />

6
src/shared/layout.tsx
View File

@@ -13,11 +13,7 @@ export function DefaultLayout({ children }: { children: React.ReactNode }) {
); );
return ( return (
<div <div className="flex w-screen h-screen">
className={`flex w-screen h-screen ${
platform === "darwin" ? "flex-row" : "flex-row-reverse"
}`}
>
<div className="relative flex flex-row shrink-0"> <div className="relative flex flex-row shrink-0">
<Navigation reverse={platform !== "darwin"} /> <Navigation reverse={platform !== "darwin"} />
</div> </div>

2
src/shared/navigation.tsx
View File

@@ -26,7 +26,7 @@ export function Navigation({ reverse }: { reverse?: boolean }) {
Feeds Feeds
</h3> </h3>
</div> </div>
<div className="flex flex-col gap-1"> <div className="flex flex-col">
<ActiveLink <ActiveLink
href="/app/space" href="/app/space"
className="flex h-9 items-center gap-2.5 rounded-md px-2.5 text-zinc-200" className="flex h-9 items-center gap-2.5 rounded-md px-2.5 text-zinc-200"

4
src/shared/notes/preview/link.tsx
View File

@@ -14,7 +14,9 @@ export function LinkPreview({ urls }: { urls: string[] }) {
<div className="flex flex-col gap-2 px-3 py-3"> <div className="flex flex-col gap-2 px-3 py-3">
<div className="w-2/3 h-3 rounded bg-zinc-700 animate-pulse" /> <div className="w-2/3 h-3 rounded bg-zinc-700 animate-pulse" />
<div className="w-3/4 h-3 rounded bg-zinc-700 animate-pulse" /> <div className="w-3/4 h-3 rounded bg-zinc-700 animate-pulse" />
<div className="mt-2.5 w-1/3 h-2 rounded bg-zinc-700 animate-pulse" /> <span className="mt-2.5 leading-none text-sm text-zinc-500">
{domain.hostname}
</span>
</div> </div>
</div> </div>
) : ( ) : (

8
src/shared/notes/preview/video.tsx
View File

@@ -7,9 +7,11 @@ export function VideoPreview({ urls }: { urls: string[] }) {
onKeyDown={(e) => e.stopPropagation()} onKeyDown={(e) => e.stopPropagation()}
className="relative mt-3 max-w-[420px] flex w-full flex-col overflow-hidden rounded-lg bg-zinc-950" className="relative mt-3 max-w-[420px] flex w-full flex-col overflow-hidden rounded-lg bg-zinc-950"
> >
<MediaPlayer src={urls[0]} poster="" controls> {urls.map((url: string) => (
<MediaOutlet /> <MediaPlayer key={url} src={urls[0]} poster="" controls>
</MediaPlayer> <MediaOutlet />
</MediaPlayer>
))}
</div> </div>
); );
} }