Merge pull request #140 from Torof/main

style(responsive widget): responsiveness
LedgityLabs · Jul 22, 2024 · 170e344 · 170e344
2 parents 9b43269 + 44ffa0b
commit 170e344
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 12 deletions.
diff --git a/src/app/app/[tab]/AppTabs.tsx b/src/app/app/[tab]/AppTabs.tsx
@@ -55,16 +55,6 @@ const _AppTabs: FC = () => {
         </TabsTrigger>
         <TabsTrigger value="staking">
           Staking
-          <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-[red] px-[0.47rem] py-[0.04rem] text-center text-[0.8rem] font-bold text-white",
-              currentTab === "staking" && "opacity-50 hover:opacity-100",
-            )}
-          >
-            <i className="ri-fire-fill text-x animate-pulse" />
-            Hot
-            <i className="ri-arrow-down-s-fill absolute -bottom-[1.33rem] left-1.5 -z-10 text-3xl text-[#20456c]/90"></i>
-          </div>
         </TabsTrigger>
         <TabsTrigger
           value="pre-mining"

diff --git a/src/components/app/swap/AppSwap.tsx b/src/components/app/swap/AppSwap.tsx
@@ -2,7 +2,9 @@ import '@swing.xyz/ui/theme.css';
 import { Swap } from '@swing.xyz/ui';
 
 export function AppSwap() {
-  return <div className="w-[800px]">
+  return (
+    <div className="w-[90vw] max-w-[800px] mx-auto sm:w-[95vw] xs:w-screen xs:px-2.5">
       <Swap projectId="swing-bridge" environment='production' />
     </div>
-}
+  );
+}