forked from
pds.ls/pdsls
atproto explorer
rounded corners
+5
-5
+4
-4
src/components/settings.tsx
+4
-4
src/components/settings.tsx
···
59
59
<div class="starting:opacity-0 w-21rem 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-zinc-200/70 p-4 text-slate-900 shadow-md transition-opacity duration-300 dark:border-neutral-700 dark:text-slate-100">
60
60
<h3 class="border-b-0.5 mb-2 border-neutral-500 pb-2 font-bold">Settings</h3>
61
61
<h4 class="mb-1 font-semibold">Theme</h4>
62
-
<div class="flex w-full gap-2">
62
+
<div class="flex w-full gap-1">
63
63
<button
64
64
classList={{
65
-
"basis-1/3 py-1 rounded-lg justify-center flex items-center gap-1": true,
65
+
"basis-1/3 py-1 rounded-full justify-center flex items-center gap-1": true,
66
66
"bg-transparent hover:bg-neutral-100 dark:hover:bg-dark-200": !theme().system,
67
67
"bg-white dark:bg-neutral-600 font-semibold": theme().system,
68
68
}}
···
79
79
</button>
80
80
<button
81
81
classList={{
82
-
"basis-1/3 py-1 rounded-lg justify-center flex items-center gap-1": true,
82
+
"basis-1/3 py-1 rounded-full justify-center flex items-center gap-1": true,
83
83
"bg-transparent hover:bg-neutral-100 dark:hover:bg-dark-200":
84
84
theme().color !== "light" || theme().system,
85
85
"bg-white font-semibold": theme().color === "light" && !theme().system,
···
91
91
</button>
92
92
<button
93
93
classList={{
94
-
"basis-1/3 py-1 justify-center rounded-lg flex items-center gap-1": true,
94
+
"basis-1/3 py-1 justify-center rounded-full flex items-center gap-1": true,
95
95
"bg-transparent hover:bg-neutral-100 dark:hover:bg-dark-200":
96
96
theme().color !== "dark" || theme().system,
97
97
"bg-neutral-600 font-semibold": theme().color === "dark" && !theme().system,
+1
-1
src/views/repo.tsx
+1
-1
src/views/repo.tsx
···
178
178
const RepoTab = (props: { tab: Tab; label: string }) => (
179
179
<button
180
180
classList={{
181
-
"rounded-lg flex flex-1 py-1 justify-center": true,
181
+
"rounded-full flex flex-1 py-1 justify-center": true,
182
182
"bg-white dark:bg-dark-300 shadow-sm dark:shadow-dark-900/80": tab() === props.tab,
183
183
"bg-transparent hover:bg-zinc-200 dark:hover:bg-dark-200": tab() !== props.tab,
184
184
}}