verdnatura/worker-time-control
verdnatura
/
worker-time-control
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Cambiado estilo
gitea/worker-time-control/pipeline/head This commit looks good Details

This commit is contained in:
Guillermo Bonet 2022-03-03 08:12:10 +01:00
parent a4ad06c15d
commit 99024ff23b
2 changed files with 22 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
css/style.css
View File

@ -7,6 +7,7 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
box-sizing: border-box; box-sizing: border-box;
user-select: none;
} }
html,body{ html,body{
@ -81,6 +82,7 @@ ul{
border: none; border: none;
font-weight: bold; font-weight: bold;
font-size: 1.5em; font-size: 1.5em;
border-radius: 5px;
display: block; display: block;
width: 250px; width: 250px;
@ -99,25 +101,39 @@ ul{
height: 100%; height: 100%;
font-size: 2.5em; font-size: 2.5em;
background: rgba(255,255,255,.90); background: rgba(255,255,255,.90);
padding-top: 18px; padding-top: 23px;
border-radius: 5px;
}
.btnPinNum:active{
background: rgb(255,255,255);
} }
.btnCancel{ .btnCancel{
width: 100%; width: 100%;
height: 100%; height: 100%;
font-size: 2.5em; font-size: 2.5em;
padding-top: 18px; padding-top: 15px;
background: rgba(237,73,71,.90); background: rgba(237,73,71,.90);
color: #fff; color: #fff;
border-radius: 5px;
}
.btnCancel:active{
background: rgb(172,55,54);
} }
.btnOk{ .btnOk{
width: 100%; width: 100%;
height: 100%; height: 100%;
font-size: 2.5em; font-size: 2.5em;
padding-top: 18px; padding-top: 15px;
background: rgba(163,171,38,.90); background: rgba(163,171,38,.90);
color: #fff; color: #fff;
border-radius: 5px;
}
.btnOk:active{
background: rgb(130, 136, 31);
} }

6
index.html
View File

@ -16,7 +16,7 @@ and open the template in the editor.
<body class="pinLogin"> <body class="pinLogin">
<div class="pinContainer"> <div class="pinContainer">
<p id="txtPin">USUARIO</p> <p id="txtPin">ID USUARIO</p>
<div class="btnPin btnnum"> <div class="btnPin btnnum">
<div class="btnPinNum"> <div class="btnPinNum">
1 1
@ -64,7 +64,7 @@ and open the template in the editor.
</div> </div>
<div class="btnPin"> <div class="btnPin">
<div class="btnCancel"> <div class="btnCancel">
x ✗
</div> </div>
</div> </div>
<div class="btnPin btnnum"> <div class="btnPin btnnum">
@ -74,7 +74,7 @@ and open the template in the editor.
</div> </div>
<div class="btnPin "> <div class="btnPin ">
<div class="btnOk"> <div class="btnOk">
ok ✓
</div> </div>
</div> </div>
</div> </div>