topup styles desktop

2022-11-21 19:39:16 +05:00 · 2022-11-21 19:39:16 +05:00 · 217855c210
parent ce3c7b75b6
commit 217855c210
1 changed files with 39 additions and 0 deletions
--- a/src/scss/_topup.scss
+++ b/src/scss/_topup.scss
@ -0,0 +1,39 @@
+.tp-1-middle {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+
+  h2 {
+    font-size: 2.2rem;
+  }
+  p {
+    font-size: 1.2rem;
+  }
+}
+
+.topup-3-top {
+  display: flex;
+  flex-direction: column;
+  gap: 3rem;
+
+  textarea {
+    padding: 1.4rem 2rem;
+    font-size: 1.6rem;
+    border: 0.1rem solid rgba(229, 229, 229, 1);
+    resize: none;
+    border-radius: 0.5rem;
+
+    &::placeholder {
+      color: #e5e5e5;
+    }
+  }
+}
+
+.topup-3-inputs {
+  display: flex;
+  gap: 2rem;
+
+  .input-block {
+    width: 100%;
+  }
+}