feat(landlord-profile): enhance profile completion dialog and form layout
This commit is contained in:
1 parent
12316b8604
commit
62d0f171f4
6 files changed
+82
-12
No files matched your search
@@ -3,6 +3,11 @@
|
||||
container-type: inline-size;
|
||||
}
|
||||
|
||||
:host(.profile-completion-form) {
|
||||
--mat-button-text-horizontal-padding: var(--space-1, 0.25rem);
|
||||
--mat-button-filled-horizontal-padding: var(--space-1, 0.25rem);
|
||||
}
|
||||
|
||||
.profile-form {
|
||||
display: grid;
|
||||
gap: var(--space-4, 1rem);
|
||||
@@ -32,6 +37,12 @@
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
:host(.profile-completion-form) .profile-actions {
|
||||
flex-wrap: nowrap;
|
||||
justify-content: space-between;
|
||||
gap: var(--space-1, 0.25rem);
|
||||
}
|
||||
|
||||
@container (min-width: 32rem) {
|
||||
.profile-fields {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
|
||||
@@ -52,6 +52,7 @@
|
||||
/></mat-form-field>
|
||||
</fieldset>
|
||||
<div class="profile-actions">
|
||||
<ng-content select="[profile-form-secondary-action]" />
|
||||
<button mat-flat-button type="submit" class="primary-action">
|
||||
@if (saving()) {
|
||||
<mat-spinner diameter="18" aria-hidden="true" /> Enregistrement…
|
||||
|
||||
Reference in new issue
Block a user