Make shelf buttons more obvious

every-day-things · Oct 14, 2024 · b27a466 · b27a466
1 parent 1890529
commit b27a466
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/components/organisms/Sidebar.tsx b/src/components/organisms/Sidebar.tsx
@@ -274,7 +274,7 @@ const SidebarPure = ({
 				<Title order={5}>My shelves</Title>
 				{shelves.map(({ title, LinkComponent }) => (
 					<LinkComponent key={title}>
-						<Button variant="transparent" justify="flex-start">
+						<Button variant="subtle" justify="flex-start" fullWidth>
 							{title}
 						</Button>
 					</LinkComponent>

diff --git a/src/styles.css b/src/styles.css
@@ -20,3 +20,8 @@ body {
 * {
 	cursor: default !important;
 }
+
+a:any-link {
+	text-decoration-line: none;
+	text-decoration: none;
+}