remove classes, change hot toaster color

LedgityLabs · May 20, 2024 · daea887 · daea887
1 parent 642bffe
commit daea887
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/app/app/[tab]/AppTabs.tsx b/src/app/app/[tab]/AppTabs.tsx
@@ -43,7 +43,7 @@ const _AppTabs: FC = () => {
           Airdrop
           <div
             className={twMerge(
-              "absolute right-[20%] -top-[2rem] z-20 flex items-center justify-center gap-1 rounded-xl bg-gradient-to-bl from-[#20456c]/50 to-[#20456c] px-[0.47rem] py-[0.04rem] text-center text-[0.8rem] font-bold text-white",
+              "absolute right-[20%] -top-[2rem] z-20 flex items-center justify-center gap-1 rounded-xl bg-gradient-to-bl from-[#20456c]/50 to-[red] px-[0.47rem] py-[0.04rem] text-center text-[0.8rem] font-bold text-white",
               currentTab === "airdrop" && "opacity-50 hover:opacity-100",
             )}
           >

diff --git a/src/components/app/airdrop/AppAirdrop.tsx b/src/components/app/airdrop/AppAirdrop.tsx
@@ -7,20 +7,20 @@ import galxeIcon from "~/assets/partners/galxe-icon.svg";
 
 export const AppAirdrop: FC = () => {
   return (
-    <div className="min-[750px]:w-[720px] w-full flex flex-col gap-8 pb-44 xl:scale-105 xl:mt-5 pt-[4rem]">
-      <div className="relative text-center flex flex-col gap-16 w-full overflow-hidden bg-slate-800 pt-[8.5rem] rounded-[1.8rem] border-2 border-slate-500 shadow-lg">
+    <div className="min-[750px]:w-[720px] w-full flex flex-col gap-8 pb-44 xl:scale-105 xl:mt-5">
+      <div className="relative text-center flex flex-col w-full overflow-hidden bg-slate-800 rounded-[1.8rem] gap-5 border-2 border-slate-500 shadow-lg p-[1rem] pt-[6rem]">
         <div className="absolute -top-3 right-0 left-0 bg-[url('/assets/banners/multi-airdrop-square.png')] bg-cover bg-top opacity-95 w-full h-[830px] rounded-t-[1.7rem] overflow-hidden aspect-square"></div>
-        <div className="py-3 sm:px-10 px-5 flex flex-col items-center gap-3 flex-wrap">
+        <div className="flex flex-row items-center justify-center gap-3 flex-wrap">
           <h3 className="font-bold text-[1.4rem] text-slate-100 font-heading text-start whitespace-nowrap">
-            Airdropped tokens
+            ON-CHAIN QUESTS
           </h3>
           <div style={{ display: "flex", flexDirection: "column", alignItems: "baseline" }}>
             <p className="text-slate-100/60 text-sm font-medium italic">PHASE 1 - ENDED</p>
             <p className="text-slate-100/60 text-sm font-medium italic">PHASE 2 - COMING SOON</p>
           </div>
         </div>
 
-        <div className="sm:px-8 px-5 flex gap-8 flex-wrap justify-center pb-8">
+        <div className="flex flex-wrap justify-center">
           <a
             href="https://app.galxe.com/quest/ledgityyield/leaderboard"
             target="_blank"