mirror of
https://github.com/welton89/RRBEC.git
synced 2026-04-05 13:35:42 +00:00
style: consistencia
This commit is contained in:
@@ -5,7 +5,6 @@
|
||||
}
|
||||
|
||||
|
||||
|
||||
body {
|
||||
margin: 70px 0px 0px 0px;
|
||||
}
|
||||
@@ -14,6 +13,81 @@ h1{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
input, textarea, select {
|
||||
width: 95%;
|
||||
max-width: 95%;
|
||||
max-height: 300px;
|
||||
/* padding: 8px; */
|
||||
margin-top: 5px;
|
||||
border-radius: 8px;
|
||||
border: 1px solid #cccccc52;
|
||||
}
|
||||
|
||||
|
||||
.btn-primary {
|
||||
align-items: center;
|
||||
background: var(--main-gradient);
|
||||
border-color: rgba(86, 187, 255, 0.192);
|
||||
border-radius: 8px;
|
||||
box-shadow: 0px 0px 10px rgba(12, 12, 12, 0.973);
|
||||
text-align: left;
|
||||
line-height: 20px;
|
||||
padding: 15px 30px 15px 30px;
|
||||
transition: box-shadow 0.4s;
|
||||
}
|
||||
|
||||
.btn-primary:hover {
|
||||
box-shadow: 0px 0px 15px rgba(86, 187, 255, 0.815);
|
||||
text-align: left;
|
||||
line-height: 20px;
|
||||
padding: 15px 30px 15px 30px;
|
||||
}
|
||||
|
||||
.btn-secondary {
|
||||
align-items: center;
|
||||
background: var(--main-gradient);
|
||||
border-color: rgba(53, 241, 62, 0.425);
|
||||
border-radius: 8px;
|
||||
box-shadow: 0px 0px 10px rgba(12, 12, 12, 0.973);
|
||||
text-align: left;
|
||||
line-height: 20px;
|
||||
padding: 15px 30px 15px 30px;
|
||||
transition: box-shadow 0.4s;
|
||||
}
|
||||
|
||||
.btn-secondary:hover {
|
||||
box-shadow: 0px 0px 15px rgb(53, 241, 62);
|
||||
text-align: left;
|
||||
line-height: 20px;
|
||||
padding: 15px 30px 15px 30px;
|
||||
}
|
||||
|
||||
.btn-cancel {
|
||||
align-items: center;
|
||||
background: linear-gradient(145deg, #dd3d3d8e, #9b4d4dbd);
|
||||
border-color: rgba(250, 62, 62, 0.404);
|
||||
border-radius: 8px;
|
||||
box-shadow: 0px 0px 10px rgba(12, 12, 12, 0.973);
|
||||
text-align: left;
|
||||
line-height: 20px;
|
||||
padding: 15px 30px 15px 30px;
|
||||
transition: box-shadow 0.4s;
|
||||
}
|
||||
|
||||
.btn-cancel:hover {
|
||||
box-shadow: 0px 0px 15px rgba(255, 86, 86, 0.815);
|
||||
text-align: left;
|
||||
line-height: 20px;
|
||||
padding: 15px 30px 15px 30px;
|
||||
}
|
||||
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
@@ -1,22 +1,5 @@
|
||||
|
||||
|
||||
form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
input, textarea {
|
||||
width: 95%;
|
||||
max-width: 95%;
|
||||
padding: 8px;
|
||||
margin-top: 5px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.grid-buttons {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
display: flex;
|
||||
|
||||
@@ -35,21 +35,6 @@ p {
|
||||
box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
input, textarea {
|
||||
width: 95%;
|
||||
max-width: 95%;
|
||||
padding: 8px;
|
||||
margin-top: 5px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.grid-container {
|
||||
|
||||
@@ -30,17 +30,3 @@ table td th {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
input, textarea {
|
||||
width: 95%;
|
||||
max-width: 95%;
|
||||
padding: 8px;
|
||||
margin-top: 5px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 8px;
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
/* margin: 0 auto; */
|
||||
}
|
||||
|
||||
.card-product {
|
||||
@@ -31,17 +31,3 @@
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
input, textarea {
|
||||
width: 95%;
|
||||
max-width: 95%;
|
||||
padding: 8px;
|
||||
margin-top: 5px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
@@ -1,20 +1,5 @@
|
||||
|
||||
|
||||
form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
input, textarea {
|
||||
width: 95%;
|
||||
max-width: 95%;
|
||||
padding: 8px;
|
||||
margin-top: 5px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.grid-buttons {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
@@ -31,7 +16,15 @@ input, textarea {
|
||||
}
|
||||
|
||||
.grid-top {
|
||||
display: flex;
|
||||
display: grid;
|
||||
padding: 10px;
|
||||
align-items: center;
|
||||
justify-items: center;
|
||||
justify-self: center;
|
||||
align-content: center;
|
||||
align-self: center;
|
||||
grid-template-columns: 1fr 3fr;
|
||||
gap: 20px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user