crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-17 15:06:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix alignment

Browse Source
This commit is contained in:
cond0r 2022-11-30 11:32:22 +02:00
parent 04f78226c8
commit ad51e13941
3 changed files with 9 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
site/components/common/I18nWidget/I18nWidget.module.css
View File

@ -3,7 +3,7 @@
}
.button {
@apply h-10 pl-2 pr-0.5 rounded-md border border-accent-2 flex items-center justify-center transition-colors ease-linear;
@apply h-10 pl-2 pr-1 rounded-md border border-accent-2 flex items-center justify-center transition-colors ease-linear;
}
.button:hover {

4
site/components/common/I18nWidget/I18nWidget.tsx
View File

@ -54,13 +54,13 @@ const I18nWidget: FC = () => {
<Image
width="20"
height="20"
className="block mr-2 w-5"
className="block w-5"
src={`/${LOCALES_MAP[currentLocale].img.filename}`}
alt={LOCALES_MAP[currentLocale].img.alt}
unoptimized
/>
{options && (
<span className="cursor-pointer">
<span className="cursor-pointer ml-1">
<ChevronRight className={cn(s.icon, { [s.active]: display })} />
</span>
)}

14
site/components/ui/ThemeSwitcher/ThemeSwitcher.tsx
View File

@ -18,17 +18,15 @@ const ThemeSwitcher = () => {
>
<button
className={
'w-[110px] h-10 pl-2 pr-0.5 rounded-md border border-accent-2 flex items-center justify-between transition-colors ease-linear hover:border-accent-3 hover:shadow-sm'
'w-[120px] h-10 pl-2 pr-1 rounded-md border border-accent-2 flex items-center justify-between transition-colors ease-linear hover:border-accent-3 hover:shadow-sm'
}
aria-label="Theme Switcher"
>
<ThemeIcon width={20} height={20} theme={theme} />
<span
className={cn('capitalize leading-none ml-2', {
'text-sm': theme === 'system',
})}
>
{theme}
<span className="flex flex-shrink items-center">
<ThemeIcon width={20} height={20} theme={theme} />
<span className={cn('capitalize leading-none ml-2')}>
{theme}
</span>
</span>
<span className="cursor-pointer">
<ChevronRight