admin page style adjust

khanghy2130 · Oct 13, 2024 · 940318a · 940318a
1 parent 2765465
commit 940318a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/app/routes/admin/ProductDetails.tsx b/app/routes/admin/ProductDetails.tsx
@@ -292,7 +292,7 @@ export default function ProductDetails({ mode, updateFormState }: Props) {
                     }}
                 />
                 <button
-                    className="bg-primaryColor text-primaryTextColor"
+                    className="bg-primaryColor p-2 text-primaryTextColor"
                     type="button"
                     onClick={addTag}
                 >
@@ -330,7 +330,7 @@ export default function ProductDetails({ mode, updateFormState }: Props) {
             />
 
             <button
-                className="bg-primaryColor text-primaryTextColor"
+                className="mt-4 bg-primaryColor p-2 text-primaryTextColor"
                 type="submit"
                 disabled={isSubmitting}
             >

diff --git a/app/routes/admin/index.tsx b/app/routes/admin/index.tsx
@@ -103,10 +103,10 @@ export default function Admin() {
     if (!isEditor) return <h1>Access denied.</h1>;
 
     return (
-        <div className="flex flex-col items-center">
+        <div className="flex w-full max-w-[800px] flex-col items-center">
             <div className="flex w-full flex-row items-center justify-around">
                 <button
-                    className="bg-primaryColor text-primaryTextColor enabled:cursor-pointer disabled:opacity-30"
+                    className="bg-primaryColor p-2 text-primaryTextColor enabled:cursor-pointer disabled:opacity-30"
                     onClick={createBtnClicked}
                     disabled={mode === "CREATE"}
                 >
@@ -127,7 +127,7 @@ export default function Admin() {
                         }}
                     />
                     <button
-                        className="bg-primaryColor text-primaryTextColor"
+                        className="bg-primaryColor p-2 text-primaryTextColor"
                         onClick={getProductBtnClicked}
                     >
                         Load existing product