Changeset e903234 for styles/globals.css

Timestamp:

07/17/22 09:43:05 (23 months ago)

Author:

anastasovv <simon@…>

Branches:

main

Children:

faff334

Parents:

e007fcd

Message:

Added an admin panel, and the admin can now answer complaints

File:

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

styles/globals.css

@@ -355 +355 @@
 }
 
+.top-to-bottom-centered {
+  overflow-y: scroll;
+}
+
+.top-to-bottom-centered > div {
+  padding-block: 2rem;
+  width: 70vw;
+  margin-inline: auto;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 4rem;
+}
+
+.top-to-bottom-centered > div .link {
+  color: #fff3ae;
+  text-decoration: underline;
+  cursor: pointer;
+}
+
+.top-to-bottom-centered > div h3 {
+  font-size: 1.5rem;
+  text-align: center;
+}
+
 .fs-inputs-container > div {
   margin: auto;
@@ -567 +596 @@
 
 /**
-  * Component <- RegisterScreen
+  * Component <- LoginScreen
   */
+.loginScreen.admin {
+  z-index: 50;
+}
+
+.complaintsScreen {
+  z-index: 20;
+}
+
+.complaintsScreen .complaint {
+  width: 100%;
+  padding: 2rem;
+  -webkit-transition: all .2s linear;
+  transition: all .2s linear;
+  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
+          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
+}
+
+.complaintsScreen .complaint:hover {
+  -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25);
+          box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25);
+}
+
+.complaintsScreen .complaint:nth-child(2n+1) {
+  color: white;
+}
+
+.complaintsScreen .complaint > div:nth-child(1) {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+.complaintsScreen .complaint > div:nth-child(1) > * {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+}
+
+.complaintsScreen .complaint > div:nth-child(1) > div {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
+}
+
+.complaintsScreen .complaint textarea {
+  width: 100%;
+  height: 7rem;
+  margin-top: .5rem;
+  font-size: 1.2rem;
+  padding: .4rem;
+  background-color: #c3ffd2;
+}
+
+.complaintsScreen .complaint .answering {
+  margin-top: 1rem;
+}
+
+.complaintsScreen .complaint .answering > div {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
+  margin-top: 1rem;
+}
+
+.complaintsScreen .complaint .primaryButton, .complaintsScreen .complaint .secondaryButton {
+  font-size: 1rem;
+}
+
+.liveGamesScreen {
+  z-index: 20;
+}
+
+.dashboardScreen.admin .fs-inputs-container {
+  -webkit-transform: translate(-50%, -75%);
+          transform: translate(-50%, -75%);
+}
+
+.dashboardScreen.admin .fs-inputs-container > div {
+  gap: 10rem;
+}
+
+.dashboardScreen.admin .fs-inputs-container > div > div {
+  width: 50vw;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
+}
+
 /**
   * Primary Thingies