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 { .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 { .button:hover {

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

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

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

@ -18,17 +18,15 @@ const ThemeSwitcher = () => {
> >
<button <button
className={ 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" aria-label="Theme Switcher"
> >
<ThemeIcon width={20} height={20} theme={theme} /> <span className="flex flex-shrink items-center">
<span <ThemeIcon width={20} height={20} theme={theme} />
className={cn('capitalize leading-none ml-2', { <span className={cn('capitalize leading-none ml-2')}>
'text-sm': theme === 'system', {theme}
})} </span>
>
{theme}
</span> </span>
<span className="cursor-pointer"> <span className="cursor-pointer">
<ChevronRight <ChevronRight