Site :

-Making responsive : - Home page (note finished) - Profil page - Settings page
2024-10-04 19:51:04 +02:00
parent 975763d20f
commit 7f5cf36eb7
4 changed files with 172 additions and 3 deletions
--- a/docker-compose/requirements/nginx/static/style/profilPage/profil.css
+++ b/docker-compose/requirements/nginx/static/style/profilPage/profil.css
@ -260,3 +260,94 @@
    opacity: 1;
    cursor: pointer;
 }
+
+
+@media (max-width: 700px){
+    #profil .container {
+        width: 90%;
+    }
+
+    #profil .profile-section {
+        flex-direction: column;
+        
+    }
+
+    #profil .profile-image {
+        position: relative;
+        top: -120px;
+        left: 0;
+        margin-bottom: 20px;
+    }
+
+    #profil .profile-info {
+        margin-left: 0;
+        text-align: center;
+    }
+
+    #profil .content {
+        flex-direction: column;
+    }
+
+    #profil .dashboard {
+        width: 100%;
+        height: 50vh;
+        margin-bottom: 20px;
+    }
+
+    #profil .history {
+        width: 100%;
+        height: 50vh;
+        margin-bottom: 40px;
+    }
+
+    #profil .history-card {
+        height: 150px;
+    }
+
+    #profil .history-card #score-history {
+        font-size: 50px;
+    }
+
+    #profil .profile-img-history {
+        width: 80px;
+        height: 80px;
+    }
+
+    #profil .profile-img-history img {
+        width: 75px;
+        height: 75px;
+    }
+
+    #profil .profile-img-history-enemy {
+        width: 70px;
+        height: 70px;
+    }
+
+    #profil .container .rightButtonDiv {
+        margin-left: 50px;
+        margin-top: 20px;
+    }
+
+    #profil .container .rightButtonDiv img {
+        width: 40px;
+        height: 40px;
+    }
+
+    #profil .container .editPen {
+        top: 0;
+        right: 0;
+    }
+
+    #profil .container .editPenPfp {
+        width: 50%;
+        height: 50%;
+    }
+
+    #cross-profil{
+        top: 20px;
+        left: 35px;
+        width: 60px;
+        height: 60px;
+        position: relative;
+    }
+}