vielle.dev
forked from
pds.ls/pdsls
atproto explorer
tweak border radius
handle.invalid
+6
-6
+1
-1
src/components/account.tsx
+1
-1
src/components/account.tsx
···
68
68
return (
69
69
<>
70
70
<Modal open={openManager()} onClose={() => setOpenManager(false)}>
71
-
<div class="starting:opacity-0 dark:bg-dark-800/70 border-0.5 w-22rem dark:shadow-dark-900/80 backdrop-blur-xs left-50% absolute top-12 -translate-x-1/2 rounded-md border-neutral-300 bg-neutral-200/70 p-4 text-neutral-900 shadow-md transition-opacity duration-300 dark:border-neutral-700 dark:text-neutral-200">
71
+
<div class="starting:opacity-0 dark:bg-dark-800/70 border-0.5 w-22rem dark:shadow-dark-900/80 backdrop-blur-xs left-50% absolute top-12 -translate-x-1/2 rounded-lg border-neutral-300 bg-neutral-200/70 p-4 text-neutral-900 shadow-md transition-opacity duration-300 dark:border-neutral-700 dark:text-neutral-200">
72
72
<div class="mb-2 flex items-center gap-1 font-bold">
73
73
<div class="i-lucide-user-round" />
74
74
<span>Manage accounts</span>
+1
-1
src/components/create.tsx
+1
-1
src/components/create.tsx
···
173
173
return (
174
174
<>
175
175
<Modal open={openDialog()} onClose={() => setOpenDialog(false)}>
176
-
<div class="w-22rem sm:w-xl lg:w-48rem starting:opacity-0 dark:bg-dark-800/70 left-50% backdrop-blur-xs border-0.5 dark:shadow-dark-900/80 absolute top-12 -translate-x-1/2 rounded-md border-neutral-300 bg-neutral-200/70 p-2 text-neutral-900 shadow-md transition-opacity duration-300 sm:p-4 dark:border-neutral-700 dark:text-neutral-200">
176
+
<div class="w-22rem sm:w-xl lg:w-48rem starting:opacity-0 dark:bg-dark-800/70 left-50% backdrop-blur-xs border-0.5 dark:shadow-dark-900/80 absolute top-12 -translate-x-1/2 rounded-lg border-neutral-300 bg-neutral-200/70 p-2 text-neutral-900 shadow-md transition-opacity duration-300 sm:p-4 dark:border-neutral-700 dark:text-neutral-200">
177
177
<div class="mb-2 flex w-full justify-between">
178
178
<div class="flex items-center gap-1 font-bold">
179
179
<div class="i-lucide-square-pen" />
+1
-1
src/components/settings.tsx
+1
-1
src/components/settings.tsx
···
53
53
return (
54
54
<>
55
55
<Modal open={openSettings()} onClose={() => setOpenSettings(false)}>
56
-
<div class="starting:opacity-0 w-22rem dark:bg-dark-800/70 border-0.5 dark:shadow-dark-900/80 backdrop-blur-xs left-50% absolute top-12 -translate-x-1/2 rounded-md border-neutral-300 bg-neutral-200/70 p-4 text-neutral-900 shadow-md transition-opacity duration-300 dark:border-neutral-700 dark:text-neutral-200">
56
+
<div class="starting:opacity-0 w-22rem dark:bg-dark-800/70 border-0.5 dark:shadow-dark-900/80 backdrop-blur-xs left-50% absolute top-12 -translate-x-1/2 rounded-lg border-neutral-300 bg-neutral-200/70 p-4 text-neutral-900 shadow-md transition-opacity duration-300 dark:border-neutral-700 dark:text-neutral-200">
57
57
<div class="mb-3 flex items-center gap-1 font-bold">
58
58
<div class="i-lucide-settings" />
59
59
<span>Settings</span>
+1
-1
src/views/collection.tsx
+1
-1
src/views/collection.tsx
···
51
51
<Show when={hover()}>
52
52
<span
53
53
ref={previewRef}
54
-
class={`dark:bg-dark-500/70 left-50% max-h-md z-25 backdrop-blur-xs border-0.5 dark:shadow-dark-900/80 pointer-events-none absolute block w-max max-w-sm -translate-x-1/2 overflow-hidden whitespace-pre-wrap rounded-md border-neutral-300 bg-neutral-100/70 p-2 text-xs shadow-md lg:max-w-lg dark:border-neutral-700 ${isOverflowing(previewHeight()) ? "bottom-7" : "top-7"}`}
54
+
class={`dark:bg-dark-500/70 left-50% max-h-md z-25 backdrop-blur-xs border-0.5 dark:shadow-dark-900/80 pointer-events-none absolute block w-max max-w-sm -translate-x-1/2 overflow-hidden whitespace-pre-wrap rounded-lg border-neutral-300 bg-neutral-100/70 p-2 text-xs shadow-md lg:max-w-lg dark:border-neutral-700 ${isOverflowing(previewHeight()) ? "bottom-7" : "top-7"}`}
55
55
>
56
56
<JSONValue
57
57
data={props.record.record.value as JSONType}
+1
-1
src/views/record.tsx
+1
-1
src/views/record.tsx
···
135
135
</button>
136
136
</Tooltip>
137
137
<Modal open={openDelete()} onClose={() => setOpenDelete(false)}>
138
-
<div class="starting:opacity-0 dark:bg-dark-800/70 border-0.5 dark:shadow-dark-900/80 backdrop-blur-xs left-50% top-70 absolute -translate-x-1/2 rounded-md border-neutral-300 bg-neutral-200/70 p-4 text-neutral-900 shadow-md transition-opacity duration-300 dark:border-neutral-700 dark:text-neutral-200">
138
+
<div class="starting:opacity-0 dark:bg-dark-800/70 border-0.5 dark:shadow-dark-900/80 backdrop-blur-xs left-50% top-70 absolute -translate-x-1/2 rounded-lg border-neutral-300 bg-neutral-200/70 p-4 text-neutral-900 shadow-md transition-opacity duration-300 dark:border-neutral-700 dark:text-neutral-200">
139
139
<h2 class="mb-2 font-bold">Delete this record?</h2>
140
140
<div class="flex justify-end gap-2">
141
141
<Button onClick={() => setOpenDelete(false)}>Cancel</Button>
+1
-1
src/views/repo.tsx
+1
-1
src/views/repo.tsx
···
258
258
<Show when={repo()}>
259
259
<div class="mt-3 flex w-[22rem] flex-col gap-2 break-words sm:w-[24rem]">
260
260
<Show when={error()}>
261
-
<div class="rounded-md bg-red-100 p-2 text-sm text-red-700 dark:bg-red-200 dark:text-red-600">
261
+
<div class="rounded-lg bg-red-100 p-2 text-sm text-red-700 dark:bg-red-200 dark:text-red-600">
262
262
{error()}
263
263
</div>
264
264
</Show>