3pp-mirror/rallly
1
0
Fork 0
mirror of https://github.com/lukevella/rallly.git synced 2025-06-03 11:11:48 +02:00
Code Issues Projects Releases Packages Wiki Activity

✨ Improvements to table component (#809)

Browse source
This commit is contained in:
Luke Vella 2023-08-14 12:00:35 +01:00 • committed by GitHub
parent b727c3f5e5
commit 83ad12b884
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
18 changed files with 711 additions and 618 deletions
Download patch file Download diff file Expand all files Collapse all files

15
apps/web/src/components/date-icon.tsx
View file

@ -10,22 +10,15 @@ export const DateIconInner = (props: {
return (
<div
className={clsx(
"w-14 overflow-hidden rounded-md border bg-white text-center text-slate-800",
"inline-flex h-12 w-12 flex-col overflow-hidden rounded-md border bg-gray-50 text-center text-slate-800",
props.className,
)}
>
<div className="h-4 border-b border-slate-200 bg-slate-50 text-xs leading-4">
<div className="text-muted-foreground border-b border-gray-200 text-xs font-normal leading-4">
{props.dow}
</div>
<div className="flex h-10 items-center justify-center">
<div>
<div className="my-px text-lg font-bold leading-none">
{props.day}
</div>
<div className="text-xs font-bold uppercase tracking-wider">
{props.month}
</div>
</div>
<div className="flex grow items-center justify-center bg-white text-lg font-semibold leading-none tracking-tight">
{props.day}
</div>
</div>
);