mythic-insight/calcom
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 5

Dark mode fixes for user page

Browse source
This commit is contained in:
Bailey Pumfleet 2021-08-05 15:00:15 +01:00
parent 20954259be
commit 0229c8a2fb
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
pages/[user].tsx
View file

@ -13,7 +13,7 @@ export default function User(props): User {
const eventTypes = props.eventTypes.map((type) => (
<div
key={type.id}
className="dark:bg-gray-800 dark:opacity-90 dark:hover:opacity-100 dark:hover:bg-gray-800 bg-white hover:bg-gray-50 border border-neutral-200 hover:border-black rounded-sm">
className="dark:bg-neutral-800 dark:border-neutral-700 dark:hover:border-neutral-600 bg-white hover:bg-gray-50 border border-neutral-200 hover:border-black rounded-sm">
<Link href={`/${props.user.username}/${type.slug}`}>
<a className="block px-6 py-4">
<h2 className="font-semibold text-neutral-900 dark:text-white">{type.title}</h2>
@ -40,7 +40,7 @@ export default function User(props): User {
));
return (
isReady && (
<div className="bg-neutral-50 h-screen">
<div className="bg-neutral-50 dark:bg-neutral-900 h-screen">
<Head>
<title>{props.user.name || props.user.username} | Calendso</title>
<link rel="icon" href="/favicon.ico" />