general ui tweaks

electh · Jan 31, 2025 · 3efda41 · 3efda41
1 parent cd32014
commit 3efda41
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 11 deletions.
diff --git a/src/components/ArticleList/components/EditFeedModal.jsx b/src/components/ArticleList/components/EditFeedModal.jsx
@@ -292,7 +292,7 @@ export default function EditFeedModal() {
               type="submit"
               isLoading={loading}
               size="sm"
-              className="border-primary border shadow-custom-button bg-transparent bg-gradient-to-b from-primary/90 to-primary"
+              className="border-primary border shadow-custom-button bg-primary bg-gradient-to-b from-white/15 to-transparent"
             >
               {t("common.save")}
             </Button>

diff --git a/src/components/ArticleList/components/RenameModal.jsx b/src/components/ArticleList/components/RenameModal.jsx
@@ -71,7 +71,7 @@ export default function RenameModal() {
             type="submit"
             isLoading={loading}
             size="sm"
-            className="border-primary border shadow-custom-button bg-transparent bg-gradient-to-b from-primary/90 to-primary"
+            className="border-primary border shadow-custom-button bg-primary bg-gradient-to-b from-white/15 to-transparent"
           >
             {t("common.save")}
           </Button>

diff --git a/src/components/FeedList/components/AddCategoryModal.jsx b/src/components/FeedList/components/AddCategoryModal.jsx
@@ -72,7 +72,7 @@ export default function AddCategoryModal() {
             isLoading={loading}
             size="sm"
             fullWidth
-            className="border-primary border shadow-custom-button bg-transparent bg-gradient-to-b from-primary/90 to-primary"
+            className="border-primary border shadow-custom-button bg-primary bg-gradient-to-b from-white/15 to-transparent"
           >
             {t("common.save")}
           </Button>

diff --git a/src/components/FeedList/components/AddFeedModal.jsx b/src/components/FeedList/components/AddFeedModal.jsx
@@ -240,7 +240,7 @@ export default function AddFeedModal() {
               type="submit"
               isLoading={loading}
               size="sm"
-              className="border-primary border shadow-custom-button bg-transparent bg-gradient-to-b from-primary/90 to-primary"
+              className="border-primary border shadow-custom-button bg-primary bg-gradient-to-b from-white/15 to-transparent"
             >
               {t("common.save")}
             </Button>

diff --git a/src/components/ui/AlertDialog.jsx b/src/components/ui/AlertDialog.jsx
@@ -78,7 +78,7 @@ export default function AlertDialog({
             onPress={handleConfirm}
             isLoading={loading}
             size="sm"
-            className="border-danger border shadow-custom-button bg-transparent bg-gradient-to-b from-danger/90 to-danger"
+            className="border-danger border shadow-custom-button bg-danger bg-gradient-to-b from-white/15 to-transparent"
           >
             {confirmText}
           </Button>

diff --git a/src/components/ui/settingItem.jsx b/src/components/ui/settingItem.jsx
@@ -55,7 +55,7 @@ export const SliderItem = ({
           renderThumb={(props) => (
             <div
               {...props}
-              className="group p-2 top-1/2 bg-white border shadow-custom-button rounded-full cursor-grab data-[dragging=true]:cursor-grabbing"
+              className="group h-6 w-6 top-1/2 bg-white border shadow-md rounded-full cursor-grab data-[dragging=true]:cursor-grabbing"
             ></div>
           )}
         />
@@ -83,15 +83,18 @@ export const SwitchItem = ({
 }) => {
   return (
     <div
-      className={`flex justify-between items-center gap-2 ${bgColor} px-2 py-2.5`}
+      className={`flex justify-between items-center gap-2 ${bgColor} px-2 py-3`}
     >
       <div className="flex items-center gap-2">
         {icon}
         <div className="text-sm text-foreground line-clamp-1">{label}</div>
       </div>
       <Switch
         isSelected={settingValue}
-        classNames={{ wrapper: "shadow-custom-inner" }}
+        classNames={{
+          wrapper: "shadow-custom-inner h-6 w-11 px-0 overflow-visible",
+          thumb: "absolute w-6 h-6 border shadow-md",
+        }}
         isDisabled={disabled}
         onValueChange={(value) => updateSettings({ [settingName]: value })}
       />
@@ -151,9 +154,10 @@ export function GroupItem({ label, icon, settingName, settingValue, options }) {
         size="sm"
         variant="solid"
         classNames={{
-          tabList: "bg-default-100/90 backdrop-blur-md shadow-custom-inner",
-          tab: "py-0 h-6",
-          cursor: "bg-content1",
+          tabList:
+            "bg-default-100/90 backdrop-blur-md shadow-custom-inner p-0 gap-0 rounded-small overflow-visible",
+          tab: "py-1 h-8",
+          cursor: "bg-content1 shadow-sm border",
         }}
         selectedKey={settingValue}
         onSelectionChange={(value) => {