Merge pull request #1572 from ecency/feat/onboard-rc-delegation

delegate rc to new account
ecency · Mar 18, 2024 · 116e9f7 · 116e9f7
2 parents d680b86 + bf8425e
commit 116e9f7
Show file tree

Hide file tree

Showing 3 changed files with 203 additions and 29 deletions.
diff --git a/src/common/i18n/locales/en-US.json b/src/common/i18n/locales/en-US.json
@@ -314,7 +314,14 @@
     "failed-message": "Failed to create account",
     "try-again": "Try again",
     "sign-header-title": "Sign transaction",
-    "sign-sub-title": "Sign your transaction"
+    "sign-sub-title": "Sign your transaction",
+    "rc-to-new-acc": "Delegate some resource credits to",
+    "minimum-rc": "(Minimum Rc is 5Bn)",
+    "posts-comments": "Posts/Comments:",
+    "votes": "Votes:",
+    "transfers": "Transfers:",
+    "reblogs-follows": "Reblogs/Follows:",
+    "rc-error": "You can not delegate below 5bn Rc"
   },
   "trending-tags": {
     "title": "Topics"

diff --git a/src/common/pages/onboard.scss b/src/common/pages/onboard.scss
@@ -3,37 +3,31 @@
 .onboard-container {
   display: flex;
   flex-direction: column;
-  margin: auto;
-  padding: 20px;
-  margin-top: 70px;
-  width: 690px;
-  border-radius: 15px;
-
-  @media (max-width: $md-break) {
-    width: 490px;
-  }
-
-  @media (max-width: $sm-break) {
-    width: 340px;
-  }
-
-  @include themify(day) {
-    @apply bg-gray-steel-light-040;
-  }
-
-  @include themify(night) {
-    @apply bg-blue-dark-grey;
-  }
+  align-items: center;
+  margin: 8rem 0;
+  padding: 1rem;
 
   .asking {
+    max-width: 690px;
+    width: 100%;
     display: flex;
     flex-direction: column;
+    border-radius: 1rem;
+
+    @include themify(day) {
+      @apply bg-gray-100;
+    }
+
+    @include themify(night) {
+      @apply bg-gray-800;
+    }
 
     .reg-details {
       display: flex;
       flex-direction: column;
       gap: 3px;
     }
+
     .asking-body {
       @media (max-width: $md-break) {
         width: 490px;
@@ -52,6 +46,7 @@
     display: flex;
     flex-direction: column;
   }
+
   .creating-confirm {
     display: flex;
     flex-direction: column;
@@ -70,6 +65,7 @@
       }
     }
   }
+
   .login-warning {
     display: flex;
     justify-content: center;
@@ -79,10 +75,12 @@
 .create-account-dialog {
   .create-account-dialog-header {
     display: flex;
+
     .create-account-main-title {
       margin-top: 11px;
     }
   }
+
   .model-content {
     .confirm-title {
       display: flex;
@@ -92,23 +90,59 @@
     .buttons {
       display: flex;
       justify-content: center;
+
       .cancel-btn {
         margin-left: 25px;
         background: #6c757d;
         border-color: #6c757d;
       }
     }
   }
+
   .create-account-success-dialog-header {
     .create-account-main-title {
       margin-top: 10px;
     }
   }
+
   .success-dialog-body {
     margin: 2rem 0 1.4rem 0;
+
     .success-dialog-content {
       text-align: center;
       margin-bottom: 1.4rem;
     }
   }
 }
+
+
+.onboard-delegate-rc {
+  .onboard-check {
+    display: flex;
+    align-items: center;
+    gap: 5px;
+
+    .onboard-checkbox {
+      height: 20px;
+      width: 20px;
+    }
+  }
+}
+
+
+@keyframes blink {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+.onboard-blinking-text {
+  color: rgb(179, 95, 26);
+  animation: blink 2s infinite;
+}