style(dashboard): adjust notify bg setter

mydearxym · mydearxym · commit 2ed05d7f241a · 2022-07-10T11:12:49.000+08:00
diff --git a/src/containers/thread/DashboardThread/UI/BannerNotifyLayout.tsx b/src/containers/thread/DashboardThread/UI/BannerNotifyLayout.tsx
@@ -118,7 +118,7 @@ const BannerNotifyLayout: FC<TProps> = ({
           </Block>
           <LayoutTitle $active={layout === BANNER_NOTIFY_LAYOUT.DEFAULT}>
             <CheckLabel
-              title="常规式"
+              title="间隔式"
               $active={layout === BANNER_NOTIFY_LAYOUT.DEFAULT}
               top={15}
               left={-15}
diff --git a/src/containers/thread/DashboardThread/styles/ui/banner_notify_layout.ts b/src/containers/thread/DashboardThread/styles/ui/banner_notify_layout.ts
@@ -130,16 +130,21 @@ export const Circle = styled.div<{ radius?: number }>`
 `
 export const BgWrapper = styled.div`
   ${css.flex('align-center')};
+  font-size: 12px;
 `
 export const BgLabel = styled.div<{ bg: TColorName }>`
-  ${css.circle(24)}
+  width: 44px;
+  height: 24px;
   ${css.flex('align-both')};
   border: 1px solid;
   border-color: ${({ bg }) => COLORS[bg]};
+  border-radius: 6px;
   cursor: pointer;
-  margin-left: 10px;
+  margin-left: 15px;
 `
 export const TheColor = styled.div<{ color: TColorName }>`
-  ${css.circle(18)};
+  width: 38px;
+  height: 18px;
+  border-radius: 6px;
   background-color: ${({ color }) => COLORS[color]};
 `
