Selaa lähdekoodia

fix layout for CustomizeThemeOptions

Yuki Takei 1 vuosi sitten
vanhempi
sitoutus
7cf47c92e4

+ 2 - 2
apps/app/src/components/Admin/Customize/CustomizeThemeOptions.tsx

@@ -30,7 +30,7 @@ const CustomizeThemeOptions = (props: Props): JSX.Element => {
       {/* Light and Dark Themes */}
       {/* Light and Dark Themes */}
       <div>
       <div>
         <h3 className="mb-3">{t('customize_settings.theme_desc.light_and_dark')}</h3>
         <h3 className="mb-3">{t('customize_settings.theme_desc.light_and_dark')}</h3>
-        <div className="hstack gap-3">
+        <div className="hstack gap-3 flex-wrap">
           {lightNDarkThemes.map((theme) => {
           {lightNDarkThemes.map((theme) => {
             return (
             return (
               <ThemeColorBox
               <ThemeColorBox
@@ -47,7 +47,7 @@ const CustomizeThemeOptions = (props: Props): JSX.Element => {
       {/* Only one mode Theme */}
       {/* Only one mode Theme */}
       <div className="mt-3">
       <div className="mt-3">
         <h3 className="mb-3">{t('customize_settings.theme_desc.unique')}</h3>
         <h3 className="mb-3">{t('customize_settings.theme_desc.unique')}</h3>
-        <div className="hstack gap-3">
+        <div className="hstack gap-3 align-items-start flex-wrap">
           {oneModeThemes.map((theme) => {
           {oneModeThemes.map((theme) => {
             return (
             return (
               <ThemeColorBox
               <ThemeColorBox