Karl/homepage
1
0
Fork 0
mirror of https://github.com/karl0ss/homepage.git synced 2025-05-01 13:09:31 +01:00
Code Issues Packages Projects Releases Wiki Activity

fixed datetime widget size issue

Browse Source 
- the widget was missing a flex-col div around it and was therefore taking up more space than it needed as it was reported here https://github.com/benphelps/homepage/issues/235#issuecomment-1276209354
This commit is contained in:
stuffinator 2022-10-30 14:44:09 +01:00 committed by GitHub
parent 4419019855
commit e30d21aa7d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/widgets/datetime/datetime.jsx
View File

@ -27,10 +27,12 @@ export default function DateTime({ options }) {
const dateFormat = new Intl.DateTimeFormat(i18n.language, { ...format }); const dateFormat = new Intl.DateTimeFormat(i18n.language, { ...format });
return ( return (
<div className="flex flex-col justify-center first:ml-0 ml-4">
<div className="flex flex-row items-center grow justify-end"> <div className="flex flex-row items-center grow justify-end">
<span className={`text-theme-800 dark:text-theme-200 ${textSizes[textSize || "lg"]}`}> <span className={`text-theme-800 dark:text-theme-200 ${textSizes[textSize || "lg"]}`}>
{dateFormat.format(date)} {dateFormat.format(date)}
</span> </span>
</div> </div>
</div>
); );
} }