fix responsiveness

swush-labs · Nov 15, 2024 · 763355f · 763355f
1 parent e3b7292
commit 763355f
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -114,7 +114,7 @@ export default function Component() {
       <div className="w-full max-w-md space-y-8">
         <div className="flex justify-between items-center px-1">
           <h1 className="text-2xl font-bold text-white"></h1>
-          <div className="flex gap-2">
+          <div className="flex gap-2 fixed sm:static top-4 right-16">
             <Dialog>
               <DialogTrigger asChild>
                 <Button variant="ghost" size="icon" className="text-slate-400 hover:text-white hover:bg-slate-800/50">
@@ -361,7 +361,7 @@ export default function Component() {
         <Dialog open={isSwapping} onOpenChange={setIsSwapping}>
           <DialogTrigger asChild>
             <Button 
-              className="w-full h-14 text-lg font-semibold bg-rose-500 hover:bg-rose-600 text-white rounded-xl transition-all duration-200 shadow-lg hover:shadow-rose-500/25"
+              className="w-full h-14 text-lg font-semibold bg-rose-500 hover:bg-rose-600 text-white rounded-xl transition-all duration-200 shadow-lg hover:shadow-rose-500/25 hover:text-white"
               onClick={handleSwap}
             >
               Swap