Skip to content

S
sisage
Commit c63a05f1 authored by Marcos Vinicius Felix De Sousa da Silva's avatar Marcos Vinicius Felix De Sousa da Silva
Browse files
Options

Correção css html calendario

parent 10ee7f98
Show whitespace changes
Inline Side-by-side
Showing with 518 additions and 93 deletions
public/css/app.css
View file @ c63a05f1
...@@ -10719,92 +10719,176 @@ p .button_agendar { ...@@ -10719,92 +10719,176 @@ p .button_agendar {
} }
/* ************** MENU LATERAL **************** */ /* ************** MENU LATERAL **************** */
.menuLateral {
margin: 0;
padding: 0;
background-color: white;
display: none;
}
#check {
display: none;
}
#icone {
margin-top: -40px;
margin-left: 0px;
cursor: pointer;
padding: 2px;
position: absolute;
z-index: 2;
}
/* nav { /* .menuLateral { */
width: 100%;
position: absolute; /* margin: 0; */
top: 50px;
} */ /* padding: 0; */
.link {
padding: 20px; /* background-color: white; */
font-family: Arial;
font-size: 2.2em; /* display: none; */
color: #606063;
transition: all .2s linear; /* } */
background-color: rgb(235, 222, 198);
border-bottom: 2px solid white; /* #check { */
opacity: 0;
margin-top: 200px; /* display: none; */
}
#icone1, /* } */
#icone2,
#icone3, /* #icone { */
#icone4 {
width: 40px; /* margin-top: -40px; */
height: 40px;
margin-right: 15px; /* margin-left: 0px; */
margin-bottom: -15px;
text-align: center; /* cursor: pointer; */
}
.link:hover { /* padding: 2px; */
background-color: rgb(247, 199, 160);
} /* position: absolute; */
.barra {
width: 300px; /* z-index: 2; */
height: 70%;
position: absolute; /* } */
background-color: white;
transition: all .2s linear; /* */
left: -300px;
/* visibility: hidden; */ /* /* nav { */
}
#check:checked~.barra { /* width: 100%; */
transform: translateX(300px);
/* visibility: visible; */ /* position: absolute; */
}
#check:checked~.barra nav .link { /* top: 50px; */
opacity: 1;
margin-top: 0; /* } */
transition-delay: .3s; */
} /* .link { */
#mNome {
font-size: 1.6em; /* padding: 20px; */
border-left: 1px;
background-color: rgb(165, 78, 7); /* font-family: Arial; */
border-color: transparent;
color: white; /* font-size: 2.2em; */
}
#pmenu { /* color: #606063; */
font-size: 1.6em;
margin-top: 10px; /* transition: all .2s linear; */
margin-bottom: 2px;
text-align: left; /* background-color: rgb(235, 222, 198); */
color: white;
} /* border-bottom: 2px solid white; */
.menuNomeUsuario {
width: 283px; /* opacity: 0; */
height: 50px;
margin: 180px auto 0; /* margin-top: 200px; */
text-align: left;
background-color: rgb(165, 78, 7); /* } */
}
/* #icone1, */
/* #icone2, */
/* #icone3, */
/* #icone4 { */
/* width: 40px; */
/* height: 40px; */
/* margin-right: 15px; */
/* margin-bottom: -15px; */
/* text-align: center; */
/* } */
/* .link:hover { */
/* background-color: rgb(247, 199, 160); */
/* } */
/* .barra { */
/* width: 300px; */
/* height: 70%; */
/* position: absolute; */
/* background-color: white; */
/* transition: all .2s linear; */
/* left: -300px; */
visibility: hidden;
/* } */
/* #check:checked~.barra { */
/* transform: translateX(300px); */
visibility: visible;
/* } */
/* #check:checked~.barra nav .link { */
/* opacity: 1; */
/* margin-top: 0; */
/* transition-delay: .3s; */
/* } */
/* #mNome { */
/* font-size: 1.6em; */
/* border-left: 1px; */
/* background-color: rgb(165, 78, 7); */
/* border-color: transparent; */
/* color: white; */
/* } */
/* #pmenu { */
/* font-size: 1.6em; */
/* margin-top: 10px; */
/* margin-bottom: 2px; */
/* text-align: left; */
/* color: white; */
/* } */
/* .menuNomeUsuario { */
/* width: 283px; */
/* height: 50px; */
/* margin: 180px auto 0; */
/* text-align: left; */
/* background-color: rgb(165, 78, 7); */
/* } */
/* ***** Menu Titulo ***** */ /* ***** Menu Titulo ***** */
.fielAgendamentoTitulo { .fielAgendamentoTitulo {
...@@ -11181,10 +11265,259 @@ p .button_agendar { ...@@ -11181,10 +11265,259 @@ p .button_agendar {
background: linear-gradient(174deg, rgb(237, 72, 60) 4%, rgb(184, 37, 37) 10%, rgb(179, 7, 7) 100%); background: linear-gradient(174deg, rgb(237, 72, 60) 4%, rgb(184, 37, 37) 10%, rgb(179, 7, 7) 100%);
} }
/* ******* hover novo verde ****** */ /* ********** CALÉDARIO TESTE ********** */
.btn-novo:hover { ::-webkit-scrollbar {
background: linear-gradient(174deg, rgb(44, 181, 51) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%); width: 10px;
} }
.btn-novo:hover {
background: linear-gradient(174deg, rgb(44, 181, 51) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%); /* Track */
::-webkit-scrollbar-track {
background: transparent;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #49b428;
border-radius: 5px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #37b32c;
}
.content {
display: grid;
grid-template-columns: 2fr 3fr;
}
.info {
background: #725AC1;
padding: 0 40px;
}
.info header {
display: flex;
justify-content: center;
flex-direction: column;
height: 50vh;
margin: auto;
}
.info header .image {
display: flex;
justify-content: center;
height: 150px;
}
.info header .image img {
height: 100px;
}
.info header .image img.loading {
-webkit-animation: spin 4s linear infinite;
-moz-animation: spin 4s linear infinite;
animation: spin 4s linear infinite;
}
@-moz-keyframes spin {
100% {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.info header h1 {
text-align: center;
font-weight: 400;
font-size: 40px;
margin-top: 0px;
}
.info header span {
text-align: center;
font-weight: 900;
font-size: 20px;
margin-top: 17px;
}
.info main {
position: relative;
height: 50vh;
}
.info main .agends {
height: 95%;
display: grid;
}
.info main .agends span {
font-size: 20px;
font-weight: 200;
}
.info main .agends div {
margin-top: 20px;
overflow-y: auto;
}
.info main .agends button {
background: #564593;
border: 1px solid rgba(0, 0, 0, 0.2);
padding: 10px;
border-radius: 5px;
margin-top: 20px;
box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
cursor: pointer;
}
.info main .agends button:hover {
background: rgba(0, 0, 0, 0.3);
}
.info main .agends div a {
display: flex;
align-items: center;
padding: 20px 10px;
border-radius: 5px;
}
.info main .agends div a:hover {
background: #51408a;
}
.info main .agends div a span {
border-radius: 60px;
color: #725AC1;
background: #fff;
font-weight: 500;
padding: 2px 10px;
font-size: 15px;
font-weight: 500;
}
.info main .agends div a p {
margin-left: 20px;
font-size: 15px;
}
.calendario-A {
text-align: center;
font-size: 1.5rem;
font-weight: 600;
}
#next-month {
font-size: 1rem;
}
.calendario-B {
text-align: center;
display: block ruby;
}
.calendar {
display: flex;
height: 100vh;
flex-direction: column;
/* background: #242038; */
text-align: center;
background: linear-gradient(174deg, rgb(68, 191, 74) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%);
justify-content: space-between;
}
.calendar header {
font-size: 70px;
font-weight: 900;
width: 100%;
text-align: center;
padding-top: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.calendar header span {
cursor: pointer;
}
.calendar header span:last-of-type {
margin-left: 35px;
}
.calendar header span:last-of-type:hover svg path {
stroke: #d0d0d0;
}
.calendar header span:first-of-type {
margin-right: 35px;
}
.calendar header span:first-of-type:hover svg path {
stroke: #d0d0d0;
}
.calendar header span svg {
display: block;
margin: auto;
}
.calendar header p span {
margin: 0 !important;
}
.calendar main {
display: flex;
justify-content: center;
width: 100%;
}
.calendar footer {
width: 100%;
text-align: right;
font-size: 16px;
font-weight: 500;
padding: 7px;
}
#tableDays {
width: 30rem;
height: 20rem;
background: linear-gradient(174deg, rgb(237, 137, 60) 4%, rgb(216, 105, 20) 10%, rgb(175, 71, 1) 100%);
border-radius: .6rem;
}
@media (max-width: 950px) {
.content {
display: grid;
grid-template-columns: 1fr;
}
.info main .agends div {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
}
.info main .agends div::-webkit-scrollbar {
height: 10px;
}
/* Track */
.info main .agends div::-webkit-scrollbar-track {
background: transparent;
}
/* Handle */
.info main .agends div::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.5);
border-radius: 5px;
}
.info main .agends div a {
background: rgba(255, 255, 255, 0.40);
width: 200px;
margin-left: 20px;
flex-direction: column;
align-items: center;
justify-content: center;
flex: 0 0 auto;
}
.info main .agends div a span {
background: none;
color: #fff;
}
.info main .agends div a p {
font-weight: 300;
font-size: 18px;
margin: 10px 0 0 0;
text-align: center;
}
.calendar header {
font-size: 60px;
}
.calendar header p span#month {
width: 150px;
display: inline-block;
}
} }
\ No newline at end of file
resources/views/admin/agendamentos/agendamentoTituloSede.blade.php
View file @ c63a05f1
...@@ -11,11 +11,99 @@ ...@@ -11,11 +11,99 @@
@endbreadcrumb @endbreadcrumb
@form(['action'=>route('agendamentoTituloHora'), 'method'=>'POST']) @form(['action'=>route('agendamentoTituloHora'), 'method'=>'POST'])
<fieldset class="fieldAgendar"> <fieldset class="fieldAgendar">
<p id="agendar">Agendar data</p> <p id="agendar">Agendar data</p>
</fieldset> </fieldset>
<fieldset class="calendario">
<input type="date" id="data" name="dataAgendamento">
<fieldset class="calendario-A">
<p class="calendario-P">
<span id="prev-month">
<svg width="19" height="30" viewBox="0 0 19 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.3333 5L4.33334 15L14.3333 25" stroke="white" stroke-width="6" stroke-linecap="square"/>
</svg>
</span>
<span id="month">JANEIRO</span> <span id="year">2021</span>
<span id="next-month">
<svg width="19" height="30" viewBox="0 0 19 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.66669 25L14.6667 15L4.66669 5" stroke="white" stroke-width="6" stroke-linecap="square"/>
</svg>
</span>
</p>
</fieldset>
<fieldset class="calendario-B">
<table id="tableDays">
<tr>
<th>DOM</th>
<th>SEG</th>
<th>TER</th>
<th>QUA</th>
<th>QUI</th>
<th>SEX</th>
<th>SAB</th>
</tr>
<tr>
<td class="outherMount">27</td>
<td class="outherMount">28</td>
<td class="outherMount">29</td>
<td class="outherMount">30</td>
<td>01</td>
<td>02</td>
<td>03</td>
</tr>
<tr>
<td>04</td>
<td class="teste">05</td>
<td class="teste">06</td>
<td>07</td>
<td>08</td>
<td>09</td>
<td>10</td>
</tr>
<tr>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
</tr>
<tr>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
</tr>
<tr>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
<td>31</td>
</tr>
<!-- <tr>
<td>30</td>
<td>31</td>
<td class="outherMount">01</td>
<td class="outherMount">02</td>
<td class="outherMount">03</td>
<td class="outherMount">04</td>
<td class="outherMount">05</td>
</tr> -->
</table>
</fieldset>
<fieldset class="calendario-A">
<!-- <input type="date" id="data" name="dataAgendamento"> -->
<br> <br>
<button class="enviarbtn" onclick="window.location = '{{ route('agendamentoTituloHora') }}'">@lang('agendamento.next')</button> <button class="enviarbtn" onclick="window.location = '{{ route('agendamentoTituloHora') }}'">@lang('agendamento.next')</button>
</fieldset> </fieldset>
......
resources/views/admin/agendamentos/pesquisaTituloDataNasc.blade.php
View file @ c63a05f1
...@@ -35,6 +35,10 @@ Data de Nascimento<'layouts.app') ...@@ -35,6 +35,10 @@ Data de Nascimento<'layouts.app')
</div> </div>
<!-- **************************************** teste calendario ****************************************** -->
@endpage @endpage
@endsection @endsection
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment