Responsive terminado

folaciregui · Dec 9, 2023 · b28da25 · b28da25
1 parent 47379d3
commit b28da25
Show file tree

Hide file tree

Showing 12 changed files with 1,300 additions and 150 deletions.
diff --git a/ENTREGA 6/src/Frontend/abrir-incidente.css b/ENTREGA 6/src/Frontend/abrir-incidente.css
@@ -28,6 +28,7 @@ body {
     align-items: center;
     font-family: 'Open Sans', sans-serif;
     font-size: 40px;
+    margin-right: 97px;
 }
 /* background-image: url("https://i.pinimg.com/originals/79/0c/6b/790c6bf979d503794b22cc21fc67c08b.jpg"); */
 .contenedor{
@@ -209,9 +210,9 @@ body {
 }
 .date{
     margin: 10px;
-    border: 3px solid #fa503f;
+    border: 3px solid #4300d2;
     border-radius: 20px;
-    background-color: #fa503f;
+    background-color: rgba(67, 0, 210, 0.5);
     color: #fff;
     padding: 10px 20px;
     cursor: pointer;
@@ -220,9 +221,9 @@ body {
     display: inline-block;
 }
 .date:hover{
-    border: 3px solid #fa503f;
+    border: 3px solid #4300d2;;
     background-color: #fff;
-    color: #fa503f;
+    color: #656565;
 }
 .label{
     display: flex;
@@ -232,39 +233,21 @@ body {
     font-family: 'Open Sans', sans-serif;
     font-size: 20px;
 }
-.botonIrAPagPrincipal{
-    position: absolute;
-    top: 0;
-    right: 0;
-    margin: 10px;
-    border: none;
-    border-radius: 20px;
-    background-color: #4300d2;
-    color: #fff;
-    padding: 10px 20px;
-    cursor: pointer;
-    font-family: 'Open Sans', sans-serif;
-    font-size: 20px;
-    text-decoration: none;
-}
-.botonIrAPagPrincipal:hover {
-    background-color: #fff;
-    color: #4300d2;
-}
 .boton{
-    margin: 10px;
-    border: none;
-    border-radius: 20px;
-    background-color: #fa503f;
-    color: #fff;
-    padding: 10px 20px;
-    cursor: pointer;
-    font-family: 'Open Sans', sans-serif;
-    font-size: 20px;
-}
+     margin: 10px;
+     border: none;
+     border-radius: 20px;
+     background-color: rgba(67, 0, 210, 0.5);
+     color: #fff;
+     padding: 10px 20px;
+     cursor: pointer;
+     font-family: 'Open Sans', sans-serif;
+     font-size: 20px;
+
+ }
 .boton:hover {
     background-color: #fff;
-    color: #fa503f;
+    color: #656565;
 }
 .botonMenu{
     display: none;
@@ -292,8 +275,12 @@ body {
     }
 }
 @media screen and (max-width: 600px) {
+    .contenedorColumna{
+        height: 720px;
+    }
     .titulo{
         text-align: center;
+        margin-right: 50px;
     }
     .columna1 {
         display: none;