aboutsummaryrefslogtreecommitdiff
path: root/src/styles
diff options
context:
space:
mode:
Diffstat (limited to 'src/styles')
-rw-r--r--src/styles/global.scss29
1 files changed, 15 insertions, 14 deletions
diff --git a/src/styles/global.scss b/src/styles/global.scss
index 54cbddc..a1b84ef 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -21,11 +21,6 @@
scrollbar-width: 1vw; /* Firefox */
}
-html, body {
- height: 100%;
- width: 100%;
-}
-
body {
background-color: $background1;
color: $foreground1;
@@ -33,20 +28,21 @@ body {
}
* {
- font-family: $defFont
+ font-family: $defFont;
}
.root-content {
width: 95%;
margin: auto;
margin-bottom: 3rem;
+ max-width: 1920px;
}
.BillingPageFlex {
display: flex;
flex-direction: row;
justify-content: space-between;
- height: 70vh;
+ height: 27rem;
}
.BillingPageFlex div {
@@ -66,12 +62,13 @@ body {
position: absolute;
width: 95%;
- height: 70vh;
+ max-width: 1920px;
+ height: 32rem;
box-sizing: border-box;
+ top: 0; bottom: 0;
left: 0; right: 0;
- margin: 0 auto;
- top: 15vh;
+ margin: auto;
background-color: $background3;
box-shadow: $floatingShadow;
@@ -81,11 +78,15 @@ body {
}
-/*
-idk if im going that way
@media only screen and (max-device-width: 480px) {
- .root-content {
+ .floatingMenu {
width: 95%;
+ height: 80vh;
+
+ padding: 0.5rem;
+ }
+ .BillingPageFlex {
+ flex-direction: column;
+ height: 35rem;
}
}
-*/