fix: botão "atualizar" de atualizar abrigo aparece cortado para fora …

…da tela - mobile
SOS-RS · Jun 2, 2024 · 37cc2ec · 37cc2ec
1 parent 6af7dd7
commit 37cc2ec
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/src/main.tsx b/src/main.tsx
@@ -1,5 +1,10 @@
-import ReactDOM from "react-dom/client";
-import { App } from "./App.tsx";
-import "./global.css";
+import ReactDOM from 'react-dom/client';
+import { App } from './App.tsx';
+import './global.css';
 
-ReactDOM.createRoot(document.getElementById("root")!).render(<App />);
+document.documentElement.style.setProperty(
+  '--vh',
+  `${window.innerHeight * 0.01}px`
+);
+
+ReactDOM.createRoot(document.getElementById('root')!).render(<App />);
diff --git a/src/pages/UpdateShelter/UpdateShelter.tsx b/src/pages/UpdateShelter/UpdateShelter.tsx
@@ -102,7 +102,7 @@ const UpdateShelter = () => {
   if (loading) return <LoadingScreen />;
 
   return (
-    <div className="flex flex-col h-screen items-center">
+    <div className="flex flex-col items-center h-[calc(var(--vh,1vh)*100)] md:h-screen">
       <Header
         title="Atualização cadastral"
         className="bg-white [&_*]:text-zinc-800 border-b-[1px] border-b-border"