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

update ui consistent for cross platform

Browse Source
This commit is contained in:
Ren Amamiya
2023-09-03 07:43:38 +07:00
parent 37668393f1
commit a4cf65e7c2
17 changed files with 67 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/chats/components/modal.tsx
View File

@@ -35,7 +35,7 @@ export function NewMessageModal() {
</button>
</Dialog.Trigger>
<Dialog.Portal className="relative z-10">
<Dialog.Overlay className="fixed inset-0 z-50 bg-black/80 backdrop-blur-xl" />
<Dialog.Overlay className="fixed inset-0 z-50 bg-black/80 backdrop-blur-2xl" />
<Dialog.Content className="fixed inset-0 z-50 flex min-h-full items-center justify-center">
<div className="relative h-min w-full max-w-xl rounded-xl bg-white/10 backdrop-blur-xl">
<div className="h-min w-full shrink-0 border-b border-white/10 bg-white/5 px-5 py-5">

2
src/app/chats/components/unknowns.tsx
View File

@@ -35,7 +35,7 @@ export function UnknownsModal({ data }: { data: string[] }) {
</button>
</Dialog.Trigger>
<Dialog.Portal className="relative z-10">
<Dialog.Overlay className="fixed inset-0 z-50 bg-black/80 backdrop-blur-xl" />
<Dialog.Overlay className="fixed inset-0 z-50 bg-black/80 backdrop-blur-2xl" />
<Dialog.Content className="fixed inset-0 z-50 flex min-h-full items-center justify-center">
<div className="relative h-min w-full max-w-xl rounded-xl bg-white/10 backdrop-blur-xl">
<div className="h-min w-full shrink-0 border-b border-white/10 bg-white/5 px-5 py-5">

6
src/app/error.tsx
View File

@@ -1,6 +1,8 @@
import { useEffect, useState } from 'react';
import { useLocation, useRouteError } from 'react-router-dom';
import { Frame } from '@shared/frame';
interface IRouteError {
statusText: string;
message: string;
@@ -33,7 +35,7 @@ export function ErrorScreen() {
}, []);
return (
<div className="flex h-full items-center justify-center bg-black/90 backdrop-blur-xl">
<Frame className="flex h-full items-center justify-center">
<div className="flex max-w-lg flex-col gap-4">
<div className="flex flex-col">
<h1 className="mb-1 text-2xl font-semibold text-white">
@@ -75,6 +77,6 @@ export function ErrorScreen() {
</button>
</div>
</div>
</div>
</Frame>
);
}

2
src/app/users/components/modal.tsx
View File

@@ -131,7 +131,7 @@ export function EditProfileModal() {
</button>
</Dialog.Trigger>
<Dialog.Portal className="relative z-10">
<Dialog.Overlay className="fixed inset-0 z-50 bg-black/80 backdrop-blur-xl" />
<Dialog.Overlay className="fixed inset-0 z-50 bg-black/80 backdrop-blur-2xl" />
<Dialog.Content className="fixed inset-0 z-50 flex min-h-full items-center justify-center">
<div className="relative h-min w-full max-w-xl rounded-xl bg-white/10 backdrop-blur-xl">
<div className="h-min w-full shrink-0 border-b border-white/10 bg-white/5 px-5 py-5">

2
src/app/users/components/profile.tsx
View File

@@ -58,7 +58,7 @@ export function UserProfile({ pubkey }: { pubkey: string }) {
className="h-full w-full object-cover"
/>
) : (
<div className="h-full w-full bg-black/50" />
<div className="h-full w-full bg-black" />
)}
</div>
<div className="-mt-7 flex w-full flex-col items-center px-5">