diff --git a/src/main/webapp/CSS/globals.css b/src/main/webapp/CSS/globals.css deleted file mode 100644 index 451dba6..0000000 --- a/src/main/webapp/CSS/globals.css +++ /dev/null @@ -1,25 +0,0 @@ -@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"); -@import url("https://fonts.googleapis.com/css?family=Poppins:500,600"); -* { - -webkit-font-smoothing: antialiased; - box-sizing: border-box; -} -html { - margin: 0px; - height: 100%; -} - -body{ - margin: 0px; - height: 100%; - background-color: #52d1c6bd; - -} -/* a blue color as a generic focus style */ -button:focus-visible { - outline: 2px solid #4a90e2 !important; - outline: -webkit-focus-ring-color auto 5px !important; -} -a { - text-decoration: none; -} diff --git a/src/main/webapp/CSS/style.css b/src/main/webapp/CSS/homeTherapist.css similarity index 95% rename from src/main/webapp/CSS/style.css rename to src/main/webapp/CSS/homeTherapist.css index 7c153fe..04c2d2d 100644 --- a/src/main/webapp/CSS/style.css +++ b/src/main/webapp/CSS/homeTherapist.css @@ -1,15 +1,30 @@ -.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; @@ -17,10 +32,10 @@ .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 b/src/main/webapp/CSS/homeTherapistGuide.css similarity index 100% rename from src/main/webapp/CSS/styleguide.css rename to src/main/webapp/CSS/homeTherapistGuide.css diff --git a/src/main/webapp/JSP/homeTherapist.jsp b/src/main/webapp/JSP/homeTherapist.jsp index fc31abb..e0d8420 100644 --- a/src/main/webapp/JSP/homeTherapist.jsp +++ b/src/main/webapp/JSP/homeTherapist.jsp @@ -2,9 +2,8 @@ - - - + +
@@ -100,7 +99,7 @@
PAZIENTI
- +