From 248759ad47ce416cb42bdadc1cee294dc39d263a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jon=C3=A1=C5=A1=20Nobile?= <jonas.nobile@icloud.com>
Date: Fri, 8 Dec 2023 13:04:17 +0100
Subject: [PATCH] feat(layout,ui): remove unnecessary html and body styles

---
 packages/layout/src/kit/Frame.css  | 12 ++++--------
 packages/ui/src/styles/globals.css | 22 ++--------------------
 2 files changed, 6 insertions(+), 28 deletions(-)

diff --git a/packages/layout/src/kit/Frame.css b/packages/layout/src/kit/Frame.css
index 43d1a8e28a..21a5c86296 100644
--- a/packages/layout/src/kit/Frame.css
+++ b/packages/layout/src/kit/Frame.css
@@ -1,7 +1,6 @@
 :where(.cui-layout-frame) {
 	background-color: rgb(var(--cui-background-color--rgb-0));
-	max-height: 100vh;
-	max-height: 100dvh;
+	height: 100%;
 	max-width: 100vw;
 	max-width: 100dvw;
 	overflow: hidden;
@@ -16,13 +15,10 @@
 }
 
 :where(.cui-layout-frame-container) {
-	background-color: rgb(var(--cui-background-color--rgb-0));;
+	background-color: rgb(var(--cui-background-color--rgb-0));
 }
 
-:where(
-	.cui-layout-frame-header,
-	.cui-layout-frame-footer,
-) {
+:where(.cui-layout-frame-header, .cui-layout-frame-footer) {
 	display: flex;
 	flex-direction: column;
 	gap: var(--cui-padding);
@@ -35,7 +31,7 @@
 
 :where(
 	.cui-layout-frame[data-header-is-fixed] .cui-layout-frame-header,
-	.cui-layout-frame[data-footer-is-fixed] .cui-layout-frame-footer,
+	.cui-layout-frame[data-footer-is-fixed] .cui-layout-frame-footer
 ) {
 	position: fixed;
 }
diff --git a/packages/ui/src/styles/globals.css b/packages/ui/src/styles/globals.css
index 1018417e4c..4e27221dab 100644
--- a/packages/ui/src/styles/globals.css
+++ b/packages/ui/src/styles/globals.css
@@ -1,25 +1,7 @@
-:where(html),
-:where(body) {
-	display: flex;
-	flex-direction: column;
-	min-height: 100vh;
-	min-height: 100dvh;
-	min-width: 100vw;
-	min-width: 100dvw;
+:where(html, body) {
 	margin: 0;
-	overscroll-behavior: none;
 	padding: 0;
-}
-
-:where(html) {
-	display: flex;
-	min-height: 100vh;
-	min-height: 100dvh;
-	-webkit-text-size-adjust: 100%;
-}
-
-:where(body) {
-	flex: 1 1 100%;
+	height: 100%;
 }
 
 :where(body > div) {