feat(dropdown): chnage dropdown styles

SalamLang · Jan 11, 2025 · 5b650a2 · 5b650a2
1 parent 4b5952c
commit 5b650a2
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/components/header/Header.jsx b/src/components/header/Header.jsx
@@ -54,7 +54,7 @@ const Header = () => {
                 <DropdownItem title={"باز کردن فایل"} callback={() => {
                     openFilePicker()
                 }}/>
-                <hr className={"opacity-100 bg-gray-300 my-2 h-[1px] border-0"}/>
+                {/*<hr className={"opacity-100 bg-gray-300 my-2 h-[1px] border-0"}/>*/}
                 <DropdownItem title={"خروجی در فایل سلام"} callback={() => {
                     handleSaveFile()
                 }}/>

diff --git a/src/components/shared/dropdown/Dropdown.jsx b/src/components/shared/dropdown/Dropdown.jsx
@@ -10,7 +10,7 @@ const Dropdown = ({ children, title }) => {
                 setOpen(!open);
             }} className={"cursor-pointer text-[16px] px-2 py-4 hover:bg-[#ffc2a8] transition duration-200"}>{ title }</button>
 
-            <div className={(!open && "hidden ") + " absolute bg-[#ffe9db]/50 backdrop-blur rounded-[15px] z-[1000] top-[40px] right-0 border border-orange-300 p-2"}>
+            <div className={(!open && "hidden ") + " absolute bg-[#ffe9db]/50 backdrop-blur rounded-[10px] z-[1000] top-[40px] right-0 border border-orange-300 p-2"}>
                 { children }
             </div>
 

diff --git a/src/components/shared/dropdown/DropdownItem.jsx b/src/components/shared/dropdown/DropdownItem.jsx
@@ -1,7 +1,7 @@
 const DropdownItem = ({ title, callback }) => {
 
     return (<>
-        <button className={"text-nowrap text-[15px] p-1.5 pr-4 hover:bg-[#276EF6] transition duration-200 rounded-[10px] hover:text-white min-w-[200px] flex justify-start items-center"} onClick={() => {
+        <button className={"text-nowrap !text-[14px] p-1.5 pr-3 hover:bg-[#276EF6] transition duration-200 rounded-[5px] hover:text-white min-w-[200px] flex justify-start items-center"} onClick={() => {
             callback()
         }}>{ title }</button>
     </>)