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

wip

Browse Source
This commit is contained in:
Ren Amamiya
2023-10-09 15:17:15 +07:00
parent 140b8a47bf
commit 8930300fb5
45 changed files with 606 additions and 740 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/auth/onboarding/step-1.tsx
View File

@@ -76,7 +76,7 @@ export function OnboardStep1Screen() {
add them later.
</p>
</div>
<div className="scrollbar-hide flex w-full flex-nowrap items-center gap-4 overflow-x-auto px-4">
<div className="scrollbar-none flex w-full flex-nowrap items-center gap-4 overflow-x-auto px-4">
{status === 'loading' ? (
<div className="flex h-full w-full items-center justify-center">
<LoaderIcon className="h-4 w-4 animate-spin text-white" />

2
src/app/auth/onboarding/step-2.tsx
View File

@@ -101,7 +101,7 @@ export function OnboardStep2Screen() {
</p>
</div>
<div className="flex flex-col gap-4">
<div className="scrollbar-hide flex h-[450px] w-full flex-col divide-y divide-white/5 overflow-y-auto rounded-xl bg-white/20 backdrop-blur-xl">
<div className="scrollbar-none flex h-[450px] w-full flex-col divide-y divide-white/5 overflow-y-auto rounded-xl bg-white/20 backdrop-blur-xl">
{data.map((item: { hashtag: string }) => (
<button
key={item.hashtag}

2
src/app/auth/onboarding/step-3.tsx
View File

@@ -112,7 +112,7 @@ export function OnboardStep3Screen() {
</p>
</div>
<div className="flex flex-col gap-4">
<div className="scrollbar-hide relative flex h-[500px] w-full flex-col divide-y divide-white/10 overflow-y-auto rounded-xl bg-white/10 backdrop-blur-xl">
<div className="scrollbar-none relative flex h-[500px] w-full flex-col divide-y divide-white/10 overflow-y-auto rounded-xl bg-white/10 backdrop-blur-xl">
{status === 'loading' ? (
<div className="flex h-full w-full items-center justify-center">
<LoaderIcon className="h-4 w-4 animate-spin text-white" />

2
src/app/chats/chat.tsx
View File

@@ -94,7 +94,7 @@ export function ChatScreen() {
</p>
</div>
) : (
<VList ref={listRef} className="scrollbar-hide h-full" mode="reverse">
<VList ref={listRef} className="scrollbar-none h-full" mode="reverse">
{data.map((message) => renderItem(message))}
</VList>
)}

2
src/app/chats/index.tsx
View File

@@ -33,7 +33,7 @@ export function ChatsScreen() {
return (
<div className="grid h-full w-full grid-cols-3">
<div className="scrollbar-hide col-span-1 h-full overflow-y-auto border-r border-white/5">
<div className="scrollbar-none col-span-1 h-full overflow-y-auto border-r border-white/5">
<div
data-tauri-drag-region
className="flex h-11 w-full shrink-0 items-center border-b border-white/5 px-3"

2
src/app/notes/article.tsx
View File

@@ -58,7 +58,7 @@ export function ArticleNoteScreen() {
};
return (
<div className="scrollbar-hide h-full w-full overflow-y-auto scroll-smooth">
<div className="scrollbar-none h-full w-full overflow-y-auto scroll-smooth">
<div className="container mx-auto px-4 pt-16 sm:px-6 lg:px-8">
<div className="grid grid-cols-5">
<div className="col-span-1 pr-8">

2
src/app/notes/text.tsx
View File

@@ -62,7 +62,7 @@ export function TextNoteScreen() {
};
return (
<div className="scrollbar-hide h-full w-full overflow-y-auto scroll-smooth">
<div className="scrollbar-none h-full w-full overflow-y-auto scroll-smooth">
<div className="container mx-auto px-4 pt-16 sm:px-6 lg:px-8">
<div className="grid grid-cols-5">
<div className="col-span-1 pr-8">

2
src/app/notifications/index.tsx
View File

@@ -53,7 +53,7 @@ export function NotificationScreen() {
}, []);
return (
<div className="scrollbar-hide h-full w-full overflow-y-auto bg-white/10 backdrop-blur-xl">
<div className="scrollbar-none h-full w-full overflow-y-auto bg-white/10 backdrop-blur-xl">
<div className="grid h-full grid-cols-3">
<div className="col-span-2 flex flex-col border-r border-white/5">
<TitleBar title="Activities in the last 24 hours" />

2
src/app/relays/components/relayEventList.tsx
View File

@@ -78,7 +78,7 @@ export function RelayEventList({ relayUrl }: { relayUrl: string }) {
</div>
</div>
) : (
<VList className="scrollbar-hide h-full">
<VList className="scrollbar-none h-full">
<div className="h-10" />
{data.map((item) => renderItem(item))}
<div className="h-16" />

6
src/app/relays/components/relayList.tsx
View File

@@ -48,12 +48,12 @@ export function RelayList() {
{status === 'loading' ? (
<div className="flex h-full w-full items-center justify-center pb-10">
<div className="inline-flex flex-col items-center justify-center gap-2">
<LoaderIcon className="h-5 w-5 animate-spin text-zinc-100 dark:text-zinc-900" />
<LoaderIcon className="h-5 w-5 animate-spin text-zinc-900 dark:text-zinc-100" />
<p>Loading relay...</p>
</div>
</div>
) : (
<VList className="scrollbar-hide mt-20 h-full">
<VList className="scrollbar-none mt-20 h-full">
<div className="inline-flex h-16 w-full items-center border-b border-zinc-100 px-3 dark:border-zinc-900">
<h3 className="bg-gradient-to-r from-fuchsia-200 via-red-200 to-orange-300 bg-clip-text font-semibold text-transparent">
All relays used by your follows
@@ -77,7 +77,7 @@ export function RelayList() {
<button
type="button"
onClick={() => connectRelay(key)}
className="inline-flex h-6 w-6 items-center justify-center rounded text-zinc-100 hover:bg-zinc-200 dark:text-zinc-100 dark:hover:bg-zinc-800"
className="inline-flex h-6 w-6 items-center justify-center rounded text-zinc-900 hover:bg-zinc-200 dark:text-zinc-100 dark:hover:bg-zinc-800"
>
<PlusIcon className="h-3 w-3" />
</button>

2
src/app/space/components/widgetList.tsx
View File

@@ -103,7 +103,7 @@ export function WidgetList({ params }: { params: Widget }) {
return (
<div className="h-full w-[420px] border-r border-zinc-100 dark:border-zinc-900">
<TitleBar id={params.id} title="Add widget" />
<div className="scrollbar-hide h-full overflow-y-auto pb-20">
<div className="scrollbar-none h-full overflow-y-auto pb-20">
<div className="flex flex-col gap-6 px-3">
{DefaultWidgets.map((row: WidgetGroup, index: number) =>
renderItem(row, index)

2
src/app/space/index.tsx
View File

@@ -86,7 +86,7 @@ export function SpaceScreen() {
return (
<div className="h-full w-full">
<VList className="scrollbar-hide h-full w-full" horizontal>
<VList className="scrollbar-none h-full w-full" horizontal>
{!widgets ? (
<div className="flex h-full w-full flex-col items-center justify-center">
<LoaderIcon className="h-5 w-5 animate-spin text-zinc-900 dark:text-zinc-100" />

2
src/app/users/index.tsx
View File

@@ -68,7 +68,7 @@ export function UserScreen() {
);
return (
<div className="scrollbar-hide relative h-full w-full overflow-y-auto">
<div className="scrollbar-none relative h-full w-full overflow-y-auto">
<div data-tauri-drag-region className="absolute left-0 top-0 h-11 w-full" />
<UserProfile pubkey={pubkey} />
<div className="mt-6 h-full w-full border-t border-white/5 px-1.5">