style: fix dynamic viewport height

aseerkt · Aug 10, 2024 · c199f56 · c199f56
1 parent 5c3c6a3
commit c199f56
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/web/index.html b/web/index.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>mChat</title>
   </head>
-  <body class="scroll-smooth">
+  <body class="h-dvh scroll-smooth">
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>

diff --git a/web/src/components/Button.tsx b/web/src/components/Button.tsx
@@ -3,7 +3,7 @@ import { forwardRef } from 'react'
 import { cn } from '../utils/style'
 
 const buttonVariants = cva(
-  'rounded-lg  border-2 border-black disabled:bg-gray-300',
+  'rounded-lg  border-2 border-black disabled:bg-gray-300 disabled:border-gray-300',
   {
     variants: {
       variant: {