nathalie
/
planifibo7
2
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Mejoradas cosas de estilo

This commit is contained in:
Alejandro Tasistro 2021-12-09 13:50:17 -03:00
parent 7b6b1a1a2a
commit 5a500c32dd
8 changed files with 82 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docker-compose.yml
View File

@ -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/

32
public/css/app.css vendored
View File

@ -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;
}

36
public/css/edit.css vendored
View File

@ -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;
}

23
public/css/resultado.css vendored
View File

@ -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;
}

23
public/css/welcome.css vendored
View File

@ -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;
}

21
resources/views/edit.blade.php
View File

@ -8,7 +8,7 @@
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">
<link href='/css/welcome.css' rel="stylesheet">
<link href='/css/app.css' rel="stylesheet">
<link href='/css/edit.css' rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
<script src="/js/edit.js"></script>
@ -72,11 +72,13 @@
@csrf
<div class="horario-container">
<div class="columna1">
<input required name="dia[]" type="text" class="formulario dia">
<label for="dia">Día</label>
<input required id="dia" name="dia[]" type="text" class="formulario dia">
<div class="horas">
<div>
<input required name="llegada[]" type="time" class="formulario hora">
<input required name="salida[]" type="time" class="formulario hora">
<label id="label-horario">Horario</label></br>
<input required id="llegada" name="llegada[]" type="time" class="formulario hora">
<input required id="salida" name="salida[]" type="time" class="formulario hora">
</div>
</div>
</div>
@ -90,11 +92,20 @@
</div>
</div>
<div class="flex justify-center mt-4 sm:items-center sm:justify-between">
<div id="fila-boton-enviar" class="flex justify-center mt-4 sm:items-center sm:justify-between">
<div class="ml-4 text-center text-sm text-gray-500 sm:text-right sm:ml-0">
<input type="submit" value="Enviar horarios" form="horarios">
</div>
</div>
<div class="flex justify-center mt-4 sm:items-center sm:justify-between">
<div class="ml-4 text-center text-sm text-gray-500 sm:text-right sm:ml-0">
Mercado Popular de Subsistencia.
</div>
</div>
</div>
</div>
</body>

6
resources/views/resultado.blade.php
View File

@ -8,7 +8,7 @@
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">
<link href='/css/resultado.css' rel="stylesheet">
<link href='/css/app.css' rel="stylesheet">
<!-- Styles -->
<style>
@ -52,7 +52,7 @@
<div class="mt-8 bg-white dark:bg-gray-800 overflow-hidden shadow sm:rounded-lg">
<div class="grid grid-cols-1 md:grid-cols-2">
<div class="grid grid-cols-1">
<div class="p-6">
<p>
Hasta ahora estos son los mejores horarios para "{{ $evento->nombre }}":
@ -64,7 +64,7 @@
<div class="flex justify-center mt-4 sm:items-center sm:justify-between">
<div class="ml-4 text-center text-sm text-gray-500 sm:text-right sm:ml-0">
Laravel v{{ Illuminate\Foundation\Application::VERSION }} (PHP v{{ PHP_VERSION }})
Mercado Popular de Subsistencia.
</div>
</div>
</div>

4
resources/views/welcome.blade.php
View File

@ -8,7 +8,7 @@
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">
<link href='css/welcome.css' rel="stylesheet">
<link href='css/app.css' rel="stylesheet">
<!-- Styles -->
<style>
@ -67,7 +67,7 @@
<div class="flex justify-center mt-4 sm:items-center sm:justify-between">
<div class="ml-4 text-center text-sm text-gray-500 sm:text-right sm:ml-0">
Laravel v{{ Illuminate\Foundation\Application::VERSION }} (PHP v{{ PHP_VERSION }})
Mercado Popular de Subsistencia.
</div>
</div>
</div>