Changeset 433e0c5 for styles/globals.css

Timestamp:

07/15/22 14:45:30 (2 years ago)

Author:

anastasovv <simon@…>

Branches:

main

Children:

55701f0

Parents:

1df3fde

Message:

Added complaints, managing credits, and lost connection screens

File:

• styles/globals.css (modified) (4 diffs)

styles/globals.css

@@ -418 +418 @@
 }
 
+.manageCreditsScreen .inlineAlert {
+  font-size: 1.5rem !important;
+  cursor: auto;
+}
+
 .manageCreditsScreen svg {
+  z-index: 100;
   cursor: pointer;
   font-size: 2.5rem;
@@ -424 +430 @@
 }
 
-.manageCreditsScreen > div h1 {
+.manageCreditsScreen > div {
+  top: 0%;
+  -webkit-transform: translate(-50%, 0);
+          transform: translate(-50%, 0);
+  width: 100%;
+}
+
+.manageCreditsScreen > div h2 {
   font-size: 1.5rem;
   margin-bottom: 1rem;
@@ -434 +447 @@
 }
 
-.manageCreditsScreen > div button {
+.manageCreditsScreen > div button span {
+  color: white;
+}
+
+.manageCreditsScreen > div > div:not(.main) {
+  margin-top: 5vh;
+  height: 15vh;
+}
+
+.manageCreditsScreen > div > div.main {
+  height: 70vh;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.manageCreditsScreen > div > div.main > div {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+.manageCreditsScreen > div > div.main > div .fs-inputs-container {
+  width: 40%;
+}
+
+.manageCreditsScreen > div > div.main > div .fs-inputs-container > div {
   width: 100%;
+}
+
+.manageCreditsScreen > div > div.main > div .fs-inputs-container > div label {
+  color: white;
+}
+
+.manageCreditsScreen > div > div.main > div .fs-inputs-container > div span {
+  color: #ead24d;
+}
+
+.manageCreditsScreen > div > div.main > div .fs-inputs-container > div input {
+  font-size: 1.2rem;
+  width: 100%;
+  text-align: center;
+}
+
+.complainScreen .inlineAlert {
+  cursor: auto;
+}
+
+.complainScreen > div > div textarea {
+  width: 50vw;
+  height: 40vh;
+  font-size: 2rem;
+  margin-top: 1rem;
+  margin-bottom: 3rem;
 }
 
@@ -454 +532 @@
 .loadingScreen h1 {
   font-size: 5rem;
+}
+
+.lostConnectionScreen h3 {
+  font-size: 2rem;
+  margin-bottom: 1rem;
+}
+
+.lostConnectionScreen h3:nth-child(2) {
+  color: white;
 }