soneta-ui-style

2026-03-22 20:56:25 +01:00
parent ccaf27e569
commit 81b895cf2f
707 changed files with 33942 additions and 0 deletions
@@ -0,0 +1,84 @@
+@import "../common/PredefinedMixins.scss";
+@import "./partial.scss";
+@import "./Variables.scss";
+
+.mfa-content {
+  @include partial-column-center;
+  padding: 20px;
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+
+  //.field:first-child {
+  //  padding-top: 0;
+  //}
+
+  .mfa-qrcode {
+    border: $signIn_field_border;
+    margin-bottom: 10px;
+    img {
+      width: 300px;
+      height: 300px;
+    }
+  }
+
+  .field {
+    @include partial-row-center-start;
+    position: relative;
+    width: 300px;
+    height: 40px;
+    margin-bottom: 10px;
+    border-radius: 2px;
+    border: $signIn_field_border;
+    background-color: $signIn_field_bg;
+
+    .sign-text {
+      width: 100% !important;
+    }
+
+    &.focused {
+      background-color: $signIn_field_focused_bg;
+      color: $signIn_field_focused_fg;
+    }
+  }
+
+  .s-action
+  {
+    @include partial-row-center-end;
+    justify-content: space-around;
+    flex-wrap: wrap;
+    width: 100%;
+    margin-bottom: 10px;
+    flex-shrink: 0;
+    min-height: 40px;
+
+    &.s-minimalistic {
+      min-height: 36px;
+      height: 36px;
+    }
+
+    .s-login-actions {
+      width: 100%;
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+    }
+  }
+}
+
+.mfa-content-premium {
+  .field {
+    width: 80%;
+    height: 50px;
+    border-radius: 10px;
+    margin-bottom: 15px;
+  }
+
+  .s-content {
+    width: 80%;
+  }
+
+  .s-action {
+    width: 80%;
+  }
+}