update trending screen and add tauri shell plugin

This commit is contained in:
Ren Amamiya
2023-08-03 16:12:27 +07:00
parent 3432005ade
commit 2e47415160
12 changed files with 177 additions and 34 deletions

View File

@@ -88,7 +88,7 @@ export function ActiveAccount({ data }: { data: { pubkey: string; npub: string }
}, []);
if (status === 'loading') {
return <div className="h-9 w-9 animate-pulse rounded-md bg-zinc-800" />;
return <div className="h-9 w-9 animate-pulse rounded-md bg-white/50" />;
}
return (

View File

@@ -1,7 +1,10 @@
import { LogicalSize, appWindow } from '@tauri-apps/plugin-window';
import { Outlet, ScrollRestoration } from 'react-router-dom';
import { Navigation } from '@shared/navigation';
await appWindow.setSize(new LogicalSize(1080, 800));
export function AppLayout() {
return (
<div className="flex h-screen w-screen">

View File

@@ -66,10 +66,13 @@ export function NoteMetadata({ id }: { id: string }) {
if (status === 'loading') {
return (
<div className="mb-3 flex items-center gap-3">
<div className="mt-2h-6 w-11 shrink-0"></div>
<div className="mt-2 inline-flex h-6 items-center">
<LoaderIcon className="h-4 w-4 animate-spin text-white" />
<div>
<div className="absolute left-[18px] top-14 h-[calc(100%-6.4rem)] w-0.5 bg-gradient-to-t from-white/20 to-white/10" />
<div className="relative z-10 flex items-center gap-3 pb-3">
<div className="mt-2 h-6 w-11 shrink-0"></div>
<div className="mt-2 inline-flex h-6">
<LoaderIcon className="h-4 w-4 animate-spin text-white" />
</div>
</div>
</div>
);