@ieeesa-npm/tenants 0.4.2 → 0.4.4

package/src/lib/components/create-tenant-application/create-tenant-application.component.scss

@@ -0,0 +1,73 @@
+@import "styles.scss";
+
+$ieeesa-desktop-width90: 90%;
+$ieeesa-mobile-width: 100%;
+.ieeesa-modal-dialog.ieeesa-create-tenant,
+.ieeesa-modal-dialog.ieeesa-edit-tenant {
+  max-width: 60vw !important;
+  .mat-mdc-dialog-container {
+    box-shadow: none;
+  }
+  .mat-mdc-dialog-surface {
+    border-radius: 0;
+    margin: 1em 0 1em;
+  }
+  .ieeesa-modal {
+    box-shadow: $ieeesa-box-shadow-8;
+    padding-bottom: 0.5em;
+    .mat-mdc-dialog-content {
+      padding: 1.5em 1em 0.75em 1em !important;
+    }
+    &-title {
+      margin-left: 15px !important;
+    }
+    .ieeesa-dynamic-form {
+      &__actions {
+        flex-direction: row-reverse;
+        gap: 0.5em;
+        padding: 2em 1em 0.75em 1em;
+        margin-top: 2em;
+      }
+      &__form-field {
+        margin-bottom: 1em;
+        padding-top: 0 !important;
+        .ieeesa-text-area-field {
+          &__content,
+          .mdc-label {
+            padding-left: 0;
+          }
+          &__resize {
+            resize: vertical;
+          }
+        }
+        .ieeesa-input-field {
+          &__content {
+            color: $ieeesa-title-color;
+          }
+          &:has(.mdc-text-field--disabled) {
+            @include input-disabled();
+          }
+        }
+        &:not(.app-description, .app-logo) {
+          width: $ieeesa-desktop-width90;
+        }
+      }
+    }
+    .mat-mdc-form-field-flex {
+      width: 62.5em;
+    }
+    .mat-mdc-form-field-subscript-wrapper {
+      display: none;
+    }
+
+    @media (max-width: $ieeesa-mobile-min-width) {
+      .ieeesa-dynamic-form {
+        &__form-field {
+          &:not(.app-description, .app-logo) {
+            width: $ieeesa-mobile-width;
+          }
+        }
+      }
+    }
+  }
+}