home-page therapist v.2

pastore99 · Dec 27, 2023 · 3b20305 · 3b20305
1 parent 73c665e
commit 3b20305
Show file tree

Hide file tree

Showing 4 changed files with 46 additions and 60 deletions.
diff --git a/src/main/webapp/CSS/globals.css b/src/main/webapp/CSS/globals.css
diff --git a/src/main/webapp/CSS/style.css → src/main/webapp/CSS/homeTherapist.css b/src/main/webapp/CSS/style.css → src/main/webapp/CSS/homeTherapist.css
@@ -1,26 +1,41 @@
-.element-home-logopedista {
+html {
+  margin: 0px;
+  height: 100%;
+}
+
+body{
+  margin: 0px;
+  height: 100%;
   background-color: #52d1c6bd;
+}
+
+a {
+  text-decoration: none;
+}
+
+.element-home-logopedista {
+
   display: flex;
   flex-direction: row;
   justify-content: center;
-  align-items: center; /* Aggiunto per centrare verticalmente */
-  width: 90%; /* Larghezza del 90% dello schermo */
-  margin: 0 auto; /* Auto-margine per centrare orizzontalmente */
+  align-items: center;
+  width: 90%;
+  margin: 0 auto;
 }
 
 .element-home-logopedista .div {
-  background-color: #52d1c6bd;
+
   width: 100vw;
   height: 100vh;
   position: relative;
 }
 
 .element-home-logopedista .overlap {
   position: absolute;
-  width: 100px;
-  height: 41px;
-  top: 38px;
-  left: 781px;
+  width: 124px;
+  height: 48px;
+  top: 36px;
+  left: 72vw;
   background-image: url(../images/homeTherapist/rectangle-359.svg);
   background-size: 100% 100%;
 }
@@ -62,6 +77,19 @@
   border-radius: 24px;
 }
 
+.element-home-logopedista .text-wrapper-2 {
+  position: absolute;
+  width: 10vw;
+  top: 2vh;
+  left: 23vw;
+  font-family: "Poppins", Helvetica;
+  font-weight: 600;
+  color: #221f1f;
+  font-size: 14px;
+  letter-spacing: 0;
+  line-height: normal;
+  white-space: nowrap;
+}
 
 .element-home-logopedista .overlap-group {
   position: absolute;
@@ -307,22 +335,6 @@
   background-position: 50% 50%;
 }
 
-
-
-.element-home-logopedista .text-wrapper-2 {
-  position: absolute;
-  width: 64px;
-  top: 16px;
-  left: 294px;
-  font-family: "Poppins", Helvetica;
-  font-weight: 600;
-  color: #221f1f;
-  font-size: 14px;
-  letter-spacing: 0;
-  line-height: normal;
-  white-space: nowrap;
-}
-
 .element-home-logopedista .overlap-3 {
   position: absolute;
   width: 116px;
@@ -438,10 +450,10 @@
 
 .element-home-logopedista .material-symbols-wrapper {
   position: absolute;
-  width: 301px;
+  width: 340px;
   height: 50px;
   top: 35px;
-  left: 292px;
+  left: 30vw;
   background-image: url(../images/homeTherapist/rectangle-32.png);
   background-size: 100% 100%;
 }
@@ -456,10 +468,10 @@
 
 .element-home-logopedista .img-wrapper {
   position: absolute;
-  width: 132px;
-  height: 39px;
-  top: 40px;
-  left: 621px;
+  width: 175px;
+  height: 48px;
+  top: 36px;
+  left: 57vw;
   background-color: #ffffff;
   border-radius: 50px;
 }

diff --git a/src/main/webapp/CSS/styleguide.css → src/main/webapp/CSS/homeTherapistGuide.css b/src/main/webapp/CSS/styleguide.css → src/main/webapp/CSS/homeTherapistGuide.css
diff --git a/src/main/webapp/JSP/homeTherapist.jsp b/src/main/webapp/JSP/homeTherapist.jsp
@@ -2,9 +2,8 @@
 <html>
 <head>
     <meta charset="utf-8" />
-    <link rel="stylesheet" href="../CSS/globals.css" />
-    <link rel="stylesheet" href="../CSS/styleguide.css" />
-    <link rel="stylesheet" href="../CSS/style.css" />
+    <link rel="stylesheet" href="../CSS/homeTherapistGuide.css" />
+    <link rel="stylesheet" href="../CSS/homeTherapist.css" />
 </head>
 <body>
 <div class="element-home-logopedista">
@@ -100,7 +99,7 @@
             <div class="text-wrapper-2">PAZIENTI</div>
         </div>
         <div class="overlap-3">
-
+            <div class="rectangle-2"></div>
             <div class="group-2">
                 <div class="iconly-light-outline"><img class="home" src="../images/homeTherapist/home.png" /></div>
                 <img class="iconly-bold-calendar" src="../images/homeTherapist/iconly-bold-calendar.svg" />