style(global): colorful button

hamster1963 · Nov 22, 2024 · ce82c67 · ce82c67
1 parent 70e748f
commit ce82c67
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/app/(main)/ClientComponents/ServerListClient.tsx b/app/(main)/ClientComponents/ServerListClient.tsx
@@ -121,9 +121,9 @@ export default function ServerListClient() {
           onClick={() => {
             router.push(`/?global=true`);
           }}
-          className="rounded-[50px] cursor-pointer bg-stone-100 p-[10px] transition-all hover:bg-stone-200 dark:hover:bg-stone-700 dark:bg-stone-800"
+          className="rounded-[50px] text-white cursor-pointer [text-shadow:_0_1px_0_rgb(0_0_0_/_20%)] bg-blue-600 hover:bg-blue-500 p-[10px] transition-all shadow-[inset_0_1px_0_rgba(255,255,255,0.2)] hover:shadow-[inset_0_1px_0_rgba(0,0,0,0.2)] "
         >
-          <GlobeAsiaAustraliaIcon className="size-4" />
+          <GlobeAsiaAustraliaIcon className="size-[13px]" />
         </button>
         {getEnv("NEXT_PUBLIC_ShowTag") === "true" && (
           <Switch

diff --git a/components/GlobalBackButton.tsx b/components/GlobalBackButton.tsx
@@ -23,9 +23,9 @@ export default function GlobalBackButton() {
       onClick={() => {
         router.push(`/`);
       }}
-      className="rounded-[50px] cursor-pointer w-fit bg-stone-100 p-[10px] transition-all hover:bg-stone-200 dark:hover:bg-stone-700 dark:bg-stone-800"
+      className="rounded-[50px] mt-[1px] w-fit text-white cursor-pointer [text-shadow:_0_1px_0_rgb(0_0_0_/_20%)] bg-green-600 hover:bg-green-500 p-[10px] transition-all shadow-[inset_0_1px_0_rgba(255,255,255,0.2)] hover:shadow-[inset_0_1px_0_rgba(0,0,0,0.2)] "
     >
-      <ServerStackIcon className="size-4" />
+      <ServerStackIcon className="size-[13px]" />
     </button>
   );
 }