forked from
pds.ls/pdsls
atproto explorer
remove background blur
+10
-10
+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="dark:bg-dark-800/70 dark:shadow-dark-800 absolute top-12 left-[50%] w-[22rem] -translate-x-1/2 rounded-lg border-[0.5px] border-neutral-300 bg-neutral-200/70 p-4 text-neutral-900 shadow-md backdrop-blur-xs transition-opacity duration-300 dark:border-neutral-700 dark:text-neutral-200 starting:opacity-0">
71
+
<div class="dark:bg-dark-800 dark:shadow-dark-800 absolute top-12 left-[50%] w-[22rem] -translate-x-1/2 rounded-lg border-[0.5px] border-neutral-300 bg-neutral-200 p-4 text-neutral-900 shadow-md transition-opacity duration-300 dark:border-neutral-700 dark:text-neutral-200 starting:opacity-0">
72
72
<div class="mb-2 flex items-center gap-1 font-semibold">
73
73
<span class="iconify lucide--user-round"></span>
74
74
<span>Manage accounts</span>
+1
-1
src/components/create.tsx
+1
-1
src/components/create.tsx
···
164
164
return (
165
165
<>
166
166
<Modal open={openDialog()} onClose={() => setOpenDialog(false)} closeOnClick={false}>
167
-
<div class="dark:bg-dark-800/70 dark:shadow-dark-800 absolute top-12 left-[50%] w-[22rem] -translate-x-1/2 rounded-lg border-[0.5px] border-neutral-300 bg-neutral-200/70 p-2 text-neutral-900 shadow-md backdrop-blur-xs transition-opacity duration-300 sm:w-xl sm:p-4 lg:w-[48rem] dark:border-neutral-700 dark:text-neutral-200 starting:opacity-0">
167
+
<div class="dark:bg-dark-800 dark:shadow-dark-800 absolute top-12 left-[50%] w-[22rem] -translate-x-1/2 rounded-lg border-[0.5px] border-neutral-300 bg-neutral-200 p-2 text-neutral-900 shadow-md transition-opacity duration-300 sm:w-xl sm:p-4 lg:w-[48rem] dark:border-neutral-700 dark:text-neutral-200 starting:opacity-0">
168
168
<div class="mb-2 flex w-full justify-between">
169
169
<div class="flex items-center gap-1 font-semibold">
170
170
<span class="iconify lucide--square-pen"></span>
+1
-1
src/layout.tsx
+1
-1
src/layout.tsx
···
103
103
</div>
104
104
<Show when={notif().show}>
105
105
<button
106
-
class="dark:shadow-dark-800 dark:bg-dark-100/70 fixed bottom-10 z-50 flex items-center rounded-lg border-[0.5px] border-neutral-300 bg-white/70 p-2 shadow-md backdrop-blur-xs dark:border-neutral-700"
106
+
class="dark:shadow-dark-800 dark:bg-dark-100 fixed bottom-10 z-50 flex items-center rounded-lg border-[0.5px] border-neutral-300 bg-white p-2 shadow-md dark:border-neutral-700"
107
107
onClick={() => setNotif({ show: false })}
108
108
>
109
109
<span class={`iconify ${notif().icon} mr-1`}></span>
+1
-1
src/views/blob.tsx
+1
-1
src/views/blob.tsx
···
48
48
</div>
49
49
</Show>
50
50
<Show when={cursor()}>
51
-
<div class="dark:bg-dark-500/70 fixed bottom-0 z-5 flex w-screen justify-center bg-neutral-100/70 py-3 backdrop-blur-xs">
51
+
<div class="dark:bg-dark-500 fixed bottom-0 z-5 flex w-screen justify-center bg-neutral-100 py-3">
52
52
<Show when={!response.loading}>
53
53
<Button onClick={() => refetch()}>Load More</Button>
54
54
</Show>
+2
-2
src/views/collection.tsx
+2
-2
src/views/collection.tsx
···
52
52
<Show when={hover()}>
53
53
<span
54
54
ref={previewRef}
55
-
class={`dark:bg-dark-500/70 dark:shadow-dark-800 pointer-events-none absolute left-[50%] z-25 block max-h-[20rem] w-max max-w-sm -translate-x-1/2 overflow-hidden rounded-lg border-[0.5px] border-neutral-300 bg-neutral-100/70 p-2 text-xs whitespace-pre-wrap shadow-md backdrop-blur-xs sm:max-h-[28rem] lg:max-w-lg dark:border-neutral-700 ${isOverflowing(previewHeight()) ? "bottom-7" : "top-7"}`}
55
+
class={`dark:bg-dark-500 dark:shadow-dark-800 pointer-events-none absolute left-[50%] z-25 block max-h-[20rem] w-max max-w-sm -translate-x-1/2 overflow-hidden rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-2 text-xs whitespace-pre-wrap shadow-md sm:max-h-[28rem] lg:max-w-lg dark:border-neutral-700 ${isOverflowing(previewHeight()) ? "bottom-7" : "top-7"}`}
56
56
>
57
57
<JSONValue
58
58
data={props.record.record.value as JSONType}
···
160
160
return (
161
161
<Show when={records.length || response()}>
162
162
<div class="flex w-full flex-col items-center">
163
-
<div class="dark:bg-dark-500/70 sticky top-0 z-5 flex w-screen flex-col items-center justify-center gap-2 bg-neutral-100/70 pt-1 pb-3 backdrop-blur-xs">
163
+
<div class="dark:bg-dark-500 sticky top-0 z-5 flex w-screen flex-col items-center justify-center gap-2 bg-neutral-100 pt-1 pb-3">
164
164
<div class="flex w-[22rem] items-center gap-2 sm:w-[24rem]">
165
165
<Show when={agent() && agent()?.sub === did}>
166
166
<div class="flex items-center gap-x-2">
+1
-1
src/views/labels.tsx
+1
-1
src/views/labels.tsx
···
98
98
</div>
99
99
</div>
100
100
</form>
101
-
<div class="dark:bg-dark-500/70 sticky top-0 z-5 flex w-screen flex-col items-center justify-center gap-3 bg-neutral-100/70 py-3 backdrop-blur-xs">
101
+
<div class="dark:bg-dark-500 sticky top-0 z-5 flex w-screen flex-col items-center justify-center gap-3 bg-neutral-100 py-3">
102
102
<TextInput
103
103
placeholder="Filter by label"
104
104
onInput={(e) => setFilter(e.currentTarget.value)}
+1
-1
src/views/pds.tsx
+1
-1
src/views/pds.tsx
···
112
112
</For>
113
113
</div>
114
114
<Show when={cursor()}>
115
-
<div class="dark:bg-dark-500/70 fixed bottom-0 z-5 flex w-screen justify-center bg-neutral-100/70 py-3 backdrop-blur-xs">
115
+
<div class="dark:bg-dark-500 fixed bottom-0 z-5 flex w-screen justify-center bg-neutral-100 py-3">
116
116
<Show when={!response.loading}>
117
117
<Button onClick={() => refetch()}>Load More</Button>
118
118
</Show>
+1
-1
src/views/record.tsx
+1
-1
src/views/record.tsx
···
157
157
</button>
158
158
</Tooltip>
159
159
<Modal open={openDelete()} onClose={() => setOpenDelete(false)}>
160
-
<div class="dark:bg-dark-800/70 dark:shadow-dark-800 absolute top-70 left-[50%] -translate-x-1/2 rounded-lg border-[0.5px] border-neutral-300 bg-neutral-200/70 p-4 text-neutral-900 shadow-md backdrop-blur-xs transition-opacity duration-300 dark:border-neutral-700 dark:text-neutral-200 starting:opacity-0">
160
+
<div class="dark:bg-dark-800 dark:shadow-dark-800 absolute top-70 left-[50%] -translate-x-1/2 rounded-lg border-[0.5px] border-neutral-300 bg-neutral-200 p-4 text-neutral-900 shadow-md transition-opacity duration-300 dark:border-neutral-700 dark:text-neutral-200 starting:opacity-0">
161
161
<h2 class="mb-2 font-semibold">Delete this record?</h2>
162
162
<div class="flex justify-end gap-2">
163
163
<Button onClick={() => setOpenDelete(false)}>Cancel</Button>
+1
-1
src/views/stream.tsx
+1
-1
src/views/stream.tsx
···
169
169
</div>
170
170
<form
171
171
ref={formRef}
172
-
class="dark:bg-dark-500/70 sticky top-0 z-5 flex w-screen flex-col items-center bg-neutral-100/70 px-4 text-sm backdrop-blur-xs"
172
+
class="dark:bg-dark-500 sticky top-0 z-5 flex w-screen flex-col items-center bg-neutral-100 px-4 text-sm"
173
173
>
174
174
<div class="flex w-[22rem] flex-col gap-2 py-3 sm:w-[24rem]">
175
175
<Show when={!connected()}>