diff --git a/docker-compose.yml b/docker-compose.yml index d4f7963..f20664f 100644 --- a/docker-compose.yml +++ b/docker-compose.yml @@ -41,7 +41,7 @@ services: container_name: laravel-nginx restart: unless-stopped ports: - - ${NGINX_PORT}:80 + - 8000:80 volumes: - ./:/var/www - ./nginx/conf.d/:/etc/nginx/conf.d/ diff --git a/public/css/app.css b/public/css/app.css index e69de29..7bb2923 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -0,0 +1,32 @@ +.grid { + background-color: darksalmon; +} + +#logo { + width:80%; + margin: auto; +} + +div.p-6 { + text-align: center; +} + +button, input[type="submit"] { + background: darkred; + border-radius: 5px; + padding: 5px; + color:white; + margin: 15px; +} + +input.formulario { + background-color: white; + border-radius: 5px; + padding: 5px; +} + +p, label { + //color: white; + font-weight: bolder; +} + diff --git a/public/css/edit.css b/public/css/edit.css index c949f65..5a9880d 100644 --- a/public/css/edit.css +++ b/public/css/edit.css @@ -25,24 +25,44 @@ input.formulario.dia { display: -webkit-inline-box; text-align: center; display: flex; + margin-left: auto; + margin-right: auto; } .columna1 { - width: -webkit-fill-available; + width: 75%; } .columna2 { - width: 20%; position: relative; + margin-left: auto; + margin-right: auto; + width: 25%; + margin-top: auto; + margin-bottom: auto; } button.cerrar { width: 40px; height: 40px; - margin: 0; - position: absolute; - top: 50%; - -ms-transform: translateY(-50%); - transform: translateY(-50%); - right: 0%; + margin-left: auto; + margin-right: auto; + margin-bottom: auto; + /*! margin-top: auto; */ +} +@media screen and (min-width: 420px) { + .columna1 { + width: 85%; + } + .columna2 { + width: 15%; + } +} + +#label-horario { + //width: 100%; +} + +#fila-boton-enviar { + display: block; } diff --git a/public/css/resultado.css b/public/css/resultado.css index 3a95285..e69de29 100644 --- a/public/css/resultado.css +++ b/public/css/resultado.css @@ -1,23 +0,0 @@ -#logo { - width:80%; - margin: auto; -} - -div.p-6 { - text-align: center; -} - -button, input[type="submit"] { - background: darkred; - border-radius: 5px; - padding: 5px; - color:white; - margin: 15px; -} - -input.formulario { - background-color: white; - border-radius: 5px; - padding: 5px; -} - diff --git a/public/css/welcome.css b/public/css/welcome.css index 3a95285..e69de29 100644 --- a/public/css/welcome.css +++ b/public/css/welcome.css @@ -1,23 +0,0 @@ -#logo { - width:80%; - margin: auto; -} - -div.p-6 { - text-align: center; -} - -button, input[type="submit"] { - background: darkred; - border-radius: 5px; - padding: 5px; - color:white; - margin: 15px; -} - -input.formulario { - background-color: white; - border-radius: 5px; - padding: 5px; -} - diff --git a/resources/views/edit.blade.php b/resources/views/edit.blade.php index e89dca9..ca64f78 100644 --- a/resources/views/edit.blade.php +++ b/resources/views/edit.blade.php @@ -8,7 +8,7 @@ - + @@ -72,11 +72,13 @@ @csrf