cambio en css boton

This commit is contained in:
2020-09-24 09:47:23 -05:00
parent 86524030b2
commit 89de11c622
8 changed files with 108 additions and 5 deletions
+1
View File
File diff suppressed because one or more lines are too long
-1
View File
File diff suppressed because one or more lines are too long
+1 -1
View File
@@ -1 +1 @@
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel="shortcut icon" type=image/png href=assets/icono.png><title>ASINEA-Login</title><link href=//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css rel=stylesheet id=bootstrap-css><script src=//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js></script><script src=//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js></script><link href=css/app.e965de5e.css rel=preload as=style><link href=js/app.76846a1b.js rel=preload as=script><link href=js/chunk-vendors.60440516.js rel=preload as=script><link href=css/app.e965de5e.css rel=stylesheet></head><body><noscript><strong>We're sorry but asinea-front doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.60440516.js></script><script src=js/app.76846a1b.js></script></body></html>
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel="shortcut icon" type=image/png href=assets/icono.png><title>ASINEA-Login</title><link href=//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css rel=stylesheet id=bootstrap-css><script src=//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js></script><script src=//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js></script><link href=css/app.b9b50b92.css rel=preload as=style><link href=js/app.3f58152c.js rel=preload as=script><link href=js/chunk-vendors.60440516.js rel=preload as=script><link href=css/app.b9b50b92.css rel=stylesheet></head><body><noscript><strong>We're sorry but asinea-front doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.60440516.js></script><script src=js/app.3f58152c.js></script></body></html>
+2
View File
File diff suppressed because one or more lines are too long
+1
View File
File diff suppressed because one or more lines are too long
-2
View File
File diff suppressed because one or more lines are too long
-1
View File
File diff suppressed because one or more lines are too long
+103
View File
@@ -489,5 +489,108 @@ export default {
#icon {
width:60%;
}
@media (max-width: 500px) {
th{
font-size: .5rem;
}
td{
font-size: .5rem;
}
.principal{
padding: .1rem;
}
input[type=button], input[type=submit], input[type=reset] {
background-color: #56baed;
border: none;
color: white;
padding: 15px 60px;
text-align: center;
text-decoration: none;
display: inline-block;
text-transform: uppercase;
font-size: 12px;
-webkit-box-shadow: 0 10px 30px 0 rgba(95,186,233,0.4);
box-shadow: 0 10px 30px 0 rgba(95,186,233,0.4);
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
margin: 5px 20px 40px 20px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
background-color: #39ace7;
}
input[type=button]:active, input[type=submit]:active, input[type=reset]:active {
-moz-transform: scale(0.95);
-webkit-transform: scale(0.95);
-o-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
}
input[type=text], input[type=password], input[type=number]{
background-color: #f6f6f6;
border: none;
color: #0d0d0d;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
margin-top: 3px;
margin-bottom: 3px;
margin-left:3px;
width: 90%;
border: 2px solid #f6f6f6;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
select[type=text] {
background-color: #f6f6f6;
border: none;
color: #0d0d0d;
padding: 15px 2px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 9px;
margin-top: 3px;
margin-bottom: 3px;
margin-left:3px;
width: 90%;
border: 2px solid #f6f6f6;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.wrapperRow {
display: flex;
justify-content: center;
width: 100%;
min-height: 100%;
margin: 3px;
}
h1{
font-size: 2rem;
}
}
</style>