VSinerva/freesewing
1
0
Fork 0
Code Activity

chore(shared): Tweaks to theme picker

Browse source
This commit is contained in:
Joost De Cock 2022-10-17 09:03:15 +02:00
parent 8706dced80
commit aa88fd42ac
1 changed files with 12 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

21
sites/shared/components/theme-picker.js
View file

@ -38,15 +38,18 @@ const ThemePicker = ({ app, className, iconOnly = false }) => {
data-theme={theme} data-theme={theme}
className="-m-3 flex rounded-lg p-2 transition duration-150 ease-in-out-50 hover:translate-x-2 hover:cursor-pointer" className="-m-3 flex rounded-lg p-2 transition duration-150 ease-in-out-50 hover:translate-x-2 hover:cursor-pointer"
> >
<div className="ml-4"> <div className="w-full">
<p className="text-lg font-medium text-base text-left"> <div className="px-2">
{t(`${theme}Theme`)} <p className="text-xl font-medium text-base text-left mb-0 pb-0">
</p> {t(`${theme}Theme`)}
<p className="text-base text-left -mt-4 shadow"> </p>
{t('common:sloganCome')} <div className="theme-gradient h-1 w-full mb-2"></div>
<span className="px-2">|</span> <p className="text-base text-left -mt-4 shadow">
{t('common:sloganStay')} {t('common:sloganCome')}
</p> <span className="px-2">|</span>
{t('common:sloganStay')}
</p>
</div>
</div> </div>
</button> </button>
))} ))}