Merge pull request Sherlockouo#107 from Sherlockouo/fix--setting-page

update some css in setting.
EndCredits · Jan 22, 2024 · 6c2e84a · 6c2e84a
2 parents fcaedd4 + 311f5cc
commit 6c2e84a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 9 deletions.
diff --git a/packages/web/pages/Settings/Appearance.tsx b/packages/web/pages/Settings/Appearance.tsx
@@ -10,8 +10,7 @@ const Theme = () => {
   const { t, i18n } = useTranslation()
   return (
     <>
-      <div className='text-xl font-medium text-gray-800 dark:text-white/70'>{t`settings.theme`}</div>
-      <div className='h-px w-full bg-black/5 dark:bg-white/10'></div>
+      <div className='text-xl font-medium text-gray-800 dark:text-white'>{t`settings.theme`}</div>
       <AccentColor />
     </>
   )
@@ -39,11 +38,9 @@ const LayoutBackground = () => {
   const { t, i18n } = useTranslation()
   return (
     <>
-      <div className='mt-3 h-px w-full bg-black/5 dark:bg-white/10'></div>
       <div className='mb-2 dark:text-white'>
         <ChangeLyricBackground />
       </div>
-      <div className='mt-3 h-px w-full bg-black/5 dark:bg-white/10'></div>
     </>
   )
 }

diff --git a/packages/web/pages/Settings/General.tsx b/packages/web/pages/Settings/General.tsx
@@ -28,13 +28,13 @@ function Language() {
   }
 
   return (
-    <>
+    <div className='mb-12'>
       <BlockTitle>{t`settings.title-language`}</BlockTitle>
       <Option>
         <OptionText>{t`settings.general-choose-language`}</OptionText>
         <Select options={supportedLanguages} value={language} onChange={setLanguage} />
       </Option>
-    </>
+    </div>
   )
 }
 
@@ -45,7 +45,7 @@ function AppleMusic() {
     useSnapshot(settings)
 
   return (
-    <div className='mt-7'>
+    <div className='mt-7 mb-12'>
       <BlockTitle>Apple Music</BlockTitle>
       <Option>
         <OptionText>{t`settings.play-animated-artwork-from-apple-music`}</OptionText>
@@ -70,7 +70,7 @@ function NeteaseMusic() {
 
   const { displayPlaylistsFromNeteaseMusic } = useSnapshot(settings)
   return (
-    <div className='mt-7'>
+    <div className='mt-7 mb-12'>
       <BlockTitle>{t`settings.title-netease-music`}</BlockTitle>
       <Option>
         <OptionText>{t`settings.display-playlists-from-netease-music`}</OptionText>
@@ -93,7 +93,7 @@ function CloseWindow() {
 
   const { closeWindowInMinimize } = useSnapshot(settings)
   return (
-    <div className='mt-7'>
+    <div className='mt-7 mb-12'>
       <BlockTitle>{t`settings.minimize-window`}</BlockTitle>
       <Option>
         <OptionText>{t`settings.minimize-window-to-tray-when-close`}</OptionText>