diff --git a/src/app/(main)/layout.module.css b/src/app/(main)/layout.module.css index 58c1cacf..290c38a2 100644 --- a/src/app/(main)/layout.module.css +++ b/src/app/(main)/layout.module.css @@ -17,5 +17,6 @@ grid-row: 2 / 3; min-height: 0; height: calc(100vh - 60px); + height: calc(100dvh - 60px); overflow-y: auto; } diff --git a/src/app/(main)/websites/[websiteId]/WebsiteHeader.module.css b/src/app/(main)/websites/[websiteId]/WebsiteHeader.module.css index 3e58c8a3..90c3f5cb 100644 --- a/src/app/(main)/websites/[websiteId]/WebsiteHeader.module.css +++ b/src/app/(main)/websites/[websiteId]/WebsiteHeader.module.css @@ -1,7 +1,9 @@ .header { - display: grid; - grid-template-columns: 1fr max-content; + display: flex; + gap: 10px; align-items: center; + flex-wrap: wrap; + padding: 20px 0px; } .title { @@ -12,7 +14,7 @@ font-size: 24px; font-weight: 700; overflow: hidden; - height: 100px; + height: 60px; } .actions { @@ -22,6 +24,7 @@ justify-content: flex-end; gap: 30px; min-height: 0; + margin-left: auto; } .selected { diff --git a/src/app/share/[...shareId]/SharePage.module.css b/src/app/share/[...shareId]/SharePage.module.css index d985435c..f6c68cf6 100644 --- a/src/app/share/[...shareId]/SharePage.module.css +++ b/src/app/share/[...shareId]/SharePage.module.css @@ -1,4 +1,5 @@ .container { flex: 1; min-height: calc(100vh - 200px); + min-height: calc(100dvh - 200px); } diff --git a/src/components/layout/Page.module.css b/src/components/layout/Page.module.css index 52893157..3b9a4581 100644 --- a/src/components/layout/Page.module.css +++ b/src/components/layout/Page.module.css @@ -8,4 +8,5 @@ margin: 0 auto; padding: 0 20px; min-height: calc(100vh - 60px); + min-height: calc(100dvh - 60px); }