Merge pull request #2511 from brkcvn/form-elements
Some static HTML classname return to tailwind class
This commit is contained in:
95
public/css/app.css
vendored
95
public/css/app.css
vendored
@ -1276,7 +1276,11 @@ input[type=file]::file-selector-button:hover{
|
||||
|
||||
/* form */
|
||||
|
||||
.form-element{
|
||||
.has-error input, .has-error select, .has-error textarea {
|
||||
border: 1px solid #cc0000 !important;
|
||||
}
|
||||
|
||||
.input-money{
|
||||
margin-top: 0.25rem;
|
||||
width: 100%;
|
||||
border-radius: 0.5rem;
|
||||
@ -1295,32 +1299,32 @@ input[type=file]::file-selector-button:hover{
|
||||
color: rgb(66 66 66 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.form-element::-webkit-input-placeholder{
|
||||
.input-money::-webkit-input-placeholder{
|
||||
--tw-placeholder-opacity: 1;
|
||||
color: rgb(199 201 217 / var(--tw-placeholder-opacity));
|
||||
}
|
||||
|
||||
.form-element::-moz-placeholder{
|
||||
.input-money::-moz-placeholder{
|
||||
--tw-placeholder-opacity: 1;
|
||||
color: rgb(199 201 217 / var(--tw-placeholder-opacity));
|
||||
}
|
||||
|
||||
.form-element:-ms-input-placeholder{
|
||||
.input-money:-ms-input-placeholder{
|
||||
--tw-placeholder-opacity: 1;
|
||||
color: rgb(199 201 217 / var(--tw-placeholder-opacity));
|
||||
}
|
||||
|
||||
.form-element::-ms-input-placeholder{
|
||||
.input-money::-ms-input-placeholder{
|
||||
--tw-placeholder-opacity: 1;
|
||||
color: rgb(199 201 217 / var(--tw-placeholder-opacity));
|
||||
}
|
||||
|
||||
.form-element::placeholder{
|
||||
.input-money::placeholder{
|
||||
--tw-placeholder-opacity: 1;
|
||||
color: rgb(199 201 217 / var(--tw-placeholder-opacity));
|
||||
}
|
||||
|
||||
.form-element:focus{
|
||||
.input-money:focus{
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(85 88 139 / var(--tw-border-opacity));
|
||||
outline: 2px solid transparent;
|
||||
@ -1328,7 +1332,7 @@ input[type=file]::file-selector-button:hover{
|
||||
--tw-ring-color: transparent;
|
||||
}
|
||||
|
||||
.form-element:disabled{
|
||||
.input-money:disabled{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
||||
}
|
||||
@ -1338,31 +1342,6 @@ input[type=file]::file-selector-button:hover{
|
||||
border: none;
|
||||
}
|
||||
|
||||
.has-error .form-element{
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(204 0 0 / var(--tw-border-opacity));
|
||||
}
|
||||
|
||||
.prepend-input-icon .form-element{
|
||||
padding-left: 2.5rem;
|
||||
padding-right: 2.5rem;
|
||||
}
|
||||
|
||||
.form-control-label{
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.25rem;
|
||||
font-weight: 500;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(66 66 66 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
div.required > .form-control-label::after {
|
||||
content: '*';
|
||||
margin-left: 0.25rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(204 0 0 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
[type="radio"]{
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(85 88 139 / var(--tw-text-opacity));
|
||||
@ -46751,6 +46730,7 @@ input[type="date"]::-webkit-inner-spin-button,
|
||||
|
||||
.el-select .el-input .el-input__inner{
|
||||
margin-top: 0.25rem;
|
||||
height: auto;
|
||||
width: 100%;
|
||||
border-radius: 0.5rem;
|
||||
border-width: 1px;
|
||||
@ -46806,18 +46786,7 @@ input[type="date"]::-webkit-inner-spin-button,
|
||||
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.has-error .el-select .el-input .el-input__inner{
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(204 0 0 / var(--tw-border-opacity));
|
||||
}
|
||||
|
||||
.prepend-input-icon .el-select .el-input .el-input__inner{
|
||||
padding-left: 2.5rem;
|
||||
padding-right: 2.5rem;
|
||||
}
|
||||
|
||||
.el-select .el-input .el-input__inner{
|
||||
height: auto;
|
||||
.el-select .el-input .el-input__inner {
|
||||
color:#595959 !important;
|
||||
}
|
||||
|
||||
@ -47030,16 +46999,6 @@ input[type="date"]::-webkit-inner-spin-button,
|
||||
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.has-error .el-date-editor input{
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(204 0 0 / var(--tw-border-opacity));
|
||||
}
|
||||
|
||||
.prepend-input-icon .el-date-editor input{
|
||||
padding-left: 2.5rem;
|
||||
padding-right: 2.5rem;
|
||||
}
|
||||
|
||||
.el-date-editor input {
|
||||
color: #595959 !important;
|
||||
}
|
||||
@ -47693,16 +47652,16 @@ body{
|
||||
background-color: rgb(238 238 243 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.disabled\:bg-gray-50:disabled{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.disabled\:bg-gray-200:disabled{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.disabled\:bg-gray-50:disabled{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.disabled\:bg-green-300:disabled{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(197 217 186 / var(--tw-bg-opacity));
|
||||
@ -47842,14 +47801,14 @@ body{
|
||||
margin-right: 0.75rem;
|
||||
}
|
||||
|
||||
[dir="ltr"] .ltr\:mr-1{
|
||||
margin-right: 0.25rem;
|
||||
}
|
||||
|
||||
[dir="ltr"] .ltr\:ml-1{
|
||||
margin-left: 0.25rem;
|
||||
}
|
||||
|
||||
[dir="ltr"] .ltr\:mr-1{
|
||||
margin-right: 0.25rem;
|
||||
}
|
||||
|
||||
[dir="ltr"] .ltr\:ml-4{
|
||||
margin-left: 1rem;
|
||||
}
|
||||
@ -48016,14 +47975,14 @@ body{
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
[dir="rtl"] .rtl\:ml-1{
|
||||
margin-left: 0.25rem;
|
||||
}
|
||||
|
||||
[dir="rtl"] .rtl\:mr-1{
|
||||
margin-right: 0.25rem;
|
||||
}
|
||||
|
||||
[dir="rtl"] .rtl\:ml-1{
|
||||
margin-left: 0.25rem;
|
||||
}
|
||||
|
||||
[dir="rtl"] .rtl\:-mr-7{
|
||||
margin-right: -1.75rem;
|
||||
}
|
||||
|
Reference in New Issue
Block a user