From 0c80654cc2dd9b87a9f728c7ebbec59f9db18c96 Mon Sep 17 00:00:00 2001
From: Steven <stevenlgtm@gmail.com>
Date: Mon, 26 Sep 2022 22:06:06 +0800
Subject: [PATCH] chore: update dropdown action button style

---
 web/src/components/CreateShortcutDialog.tsx   | 1 -
 web/src/components/ResourcesDialog.tsx        | 8 ++++----
 web/src/components/Settings/MemberSection.tsx | 6 +++---
 web/src/components/TagList.tsx                | 3 +++
 4 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/web/src/components/CreateShortcutDialog.tsx b/web/src/components/CreateShortcutDialog.tsx
index fc73999e..c801cd14 100644
--- a/web/src/components/CreateShortcutDialog.tsx
+++ b/web/src/components/CreateShortcutDialog.tsx
@@ -15,7 +15,6 @@ interface Props extends DialogProps {
 
 const CreateShortcutDialog: React.FC<Props> = (props: Props) => {
   const { destroy, shortcutId } = props;
-
   const [title, setTitle] = useState<string>("");
   const [filters, setFilters] = useState<Filter[]>([]);
   const requestState = useLoading(false);
diff --git a/web/src/components/ResourcesDialog.tsx b/web/src/components/ResourcesDialog.tsx
index b8b54e6c..b90935bc 100644
--- a/web/src/components/ResourcesDialog.tsx
+++ b/web/src/components/ResourcesDialog.tsx
@@ -155,23 +155,23 @@ const ResourcesDialog: React.FC<Props> = (props: Props) => {
                   <span className="field-text">{resource.type}</span>
                   <div className="buttons-container">
                     <Dropdown
-                      actionsClassName="!w-32"
+                      actionsClassName="!w-28"
                       actions={
                         <>
                           <button
-                            className="w-full px-3 text-left leading-10 cursor-pointer rounded hover:bg-gray-100"
+                            className="w-full text-left text-sm leading-6 py-1 px-3 cursor-pointer rounded hover:bg-gray-100"
                             onClick={() => handlPreviewBtnClick(resource)}
                           >
                             {t("resources.preview")}
                           </button>
                           <button
-                            className="w-full px-3 text-left leading-10 cursor-pointer rounded hover:bg-gray-100"
+                            className="w-full text-left text-sm leading-6 py-1 px-3 cursor-pointer rounded hover:bg-gray-100"
                             onClick={() => handleCopyResourceLinkBtnClick(resource)}
                           >
                             {t("resources.copy-link")}
                           </button>
                           <button
-                            className="w-full px-3 text-left leading-10 cursor-pointer rounded text-red-600 hover:bg-gray-100"
+                            className="w-full text-left text-sm leading-6 py-1 px-3 cursor-pointer rounded text-red-600 hover:bg-gray-100"
                             onClick={() => handleDeleteResourceBtnClick(resource)}
                           >
                             {t("common.delete")}
diff --git a/web/src/components/Settings/MemberSection.tsx b/web/src/components/Settings/MemberSection.tsx
index 635025b2..0c6019dd 100644
--- a/web/src/components/Settings/MemberSection.tsx
+++ b/web/src/components/Settings/MemberSection.tsx
@@ -145,7 +145,7 @@ const PreferencesSection = () => {
                   <>
                     {user.rowStatus === "NORMAL" ? (
                       <button
-                        className="w-full px-3 text-left leading-10 cursor-pointer rounded hover:bg-gray-100"
+                        className="w-full text-left text-sm leading-6 py-1 px-3 cursor-pointer rounded hover:bg-gray-100"
                         onClick={() => handleArchiveUserClick(user)}
                       >
                         {t("common.archive")}
@@ -153,13 +153,13 @@ const PreferencesSection = () => {
                     ) : (
                       <>
                         <button
-                          className="w-full px-3 text-left leading-10 cursor-pointer rounded hover:bg-gray-100"
+                          className="w-full text-left text-sm leading-6 py-1 px-3 cursor-pointer rounded hover:bg-gray-100"
                           onClick={() => handleRestoreUserClick(user)}
                         >
                           {t("common.restore")}
                         </button>
                         <button
-                          className="w-full px-3 text-left leading-10 cursor-pointer rounded text-red-600 hover:bg-gray-100"
+                          className="w-full text-left text-sm leading-6 py-1 px-3 cursor-pointer rounded text-red-600 hover:bg-gray-100"
                           onClick={() => handleDeleteUserClick(user)}
                         >
                           {t("common.delete")}
diff --git a/web/src/components/TagList.tsx b/web/src/components/TagList.tsx
index 564456e2..3a614291 100644
--- a/web/src/components/TagList.tsx
+++ b/web/src/components/TagList.tsx
@@ -29,10 +29,12 @@ const TagList = () => {
     const root: KVObject<any> = {
       subTags: [],
     };
+
     for (const tag of sortedTags) {
       const subtags = tag.split("/");
       let tempObj = root;
       let tagText = "";
+
       for (let i = 0; i < subtags.length; i++) {
         const key = subtags[i];
         if (i === 0) {
@@ -62,6 +64,7 @@ const TagList = () => {
         tempObj = obj;
       }
     }
+
     setTags(root.subTags as Tag[]);
   }, [tagsText]);