feat: tweak styling of page

jessepinho · Mar 20, 2020 · e76b468 · e76b468
1 parent 791022e
commit e76b468
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 1 deletion.
diff --git a/src/app/app.component.css b/src/app/app.component.css
@@ -0,0 +1,4 @@
+body {
+  background: rgb(255,219,191);
+  background: linear-gradient(90deg, rgba(255,219,191,1) 0%, rgba(255,111,0,1) 100%);
+}
diff --git a/src/app/tweet/tweet.component.sass b/src/app/tweet/tweet.component.sass
@@ -25,7 +25,7 @@ app-face
     align-items: center
     max-height: none
     padding: 0
-    transform: scale(1.25) translate(-10%, 2%)
+    padding-top: 1rem
     width: 50%
 
   @media only screen and (max-aspect-ratio: 4/3)
@@ -83,6 +83,7 @@ footer
   flex-direction: column
   flex-grow: 1
   height: 100%
+  overflow: hidden
   width: 100%
 
   @media only screen and (min-width: 640px)

diff --git a/src/styles.css b/src/styles.css
@@ -1,6 +1,15 @@
 body {
+  background: rgb(255,247,242);
+  background: radial-gradient(circle at 25% 50%, rgba(255,247,242,1) 0%, rgba(255,219,191,1) 100%);
+
+  border: 10px solid #ff6f00;
+
+  font-family: 'Roboto Mono', sans-serif;
+
   margin: 0;
   padding: 0;
+
+  box-sizing: border-box;
 }
 
 body,