Modifs de style suite au thème sombre

2021-04-15 10:08:40 +02:00
parent 772d3fb475
commit 0bb9ed2a30
9 changed files with 18 additions and 14 deletions
--- a/Front/skydivelogs-app/src/app/user-profile/user-profile.component.css
+++ b/Front/skydivelogs-app/src/app/user-profile/user-profile.component.css
@@ -1,8 +1,14 @@
 .content {
  min-height: 90vh;
-  display: flex;
  justify-content: left;
-  flex-direction: column;
  align-items: initial;
  padding-top: 25px;
 }
+
+.containerFlex {
+  display: flex;
+  flex-wrap: wrap;
+}
+.contentFlex {
+  flex: 45%;
+}
--- a/Front/skydivelogs-app/src/app/user-profile/user-profile.component.html
+++ b/Front/skydivelogs-app/src/app/user-profile/user-profile.component.html
@@ -1,6 +1,6 @@
-<div class="content" style="display: flex; flex-direction: row;">
+<div class="content containerFlex">

-  <fieldset style="width: 50%;">
+  <fieldset class="contentFlex">
    <legend>Profile</legend>
    <form [formGroup]="userForm" (ngSubmit)="onSubmit(userForm.value)">
      <p>
@@ -45,7 +45,7 @@
    </form>
  </fieldset>

-  <fieldset style="width: 50%;">
+  <fieldset class="contentFlex">
    <legend>Images</legend>
    <app-list-of-images></app-list-of-images>
  </fieldset>