Browse Source

fix input bg color in login page

Hamidreza Ghavami 1 year ago
parent
commit
94a3807353
3 changed files with 11 additions and 2 deletions
  1. 1 1
      web/assets/[email protected]/antd.min.css
  2. 9 0
      web/assets/css/custom.css
  3. 1 1
      web/html/login.html

+ 1 - 1
web/assets/[email protected]/antd.min.css

@@ -629,7 +629,7 @@ to{transform:scaleY(0);transform-origin:0 0;opacity:0}
 .ant-input:-moz-placeholder-shown{text-overflow:ellipsis}
 .ant-input:-ms-input-placeholder{text-overflow:ellipsis}
 .ant-input:placeholder-shown{text-overflow:ellipsis}
-.ant-input:focus,.ant-input:hover{border-color:rgb(0, 150, 112) !important;border-right-width:1px!important;background-color: rgb(0 149 111 / 10%)}
+.ant-input:focus,.ant-input:hover{border-color:rgb(0, 150, 112) !important;border-right-width:1px!important;}
 .ant-input:focus{outline:0;box-shadow:rgba(0, 150, 112, 0.2) 0px 0px 0px 2px}
 .ant-input-disabled{color:rgba(0,0,0,.25);background-color:#f5f5f5;cursor:not-allowed;opacity:1}
 .ant-input-disabled:hover{border-color:#d9d9d9;border-right-width:1px!important}

+ 9 - 0
web/assets/css/custom.css

@@ -297,6 +297,15 @@ body {
     border: 1px solid rgb(0 150 112 / 0%);
 }
 
+section:not(.login) .ant-input:focus,
+section:not(.login) .ant-input:hover,
+section:not(.login) .ant-input-number:focus,
+section:not(.login) .ant-input-number:hover,
+section:not(.login) .ant-calendar-input:focus,
+section:not(.login) .ant-calendar-input:hover {
+    background-color: rgba(0, 149, 111, 0.1);
+}
+
 .ant-card-dark .ant-select-disabled .ant-select-selection {
     border: 1px solid rgba(255, 255, 255, 0.2);
     background-color: #242c3a;

+ 1 - 1
web/html/login.html

@@ -46,7 +46,7 @@
 
 </style>
 <body>
-<a-layout id="app" v-cloak :class="themeSwitcher.darkCardClass">
+<a-layout id="app" v-cloak class="login" :class="themeSwitcher.darkCardClass">
     <transition name="list" appear>
         <a-layout-content>
             <a-row type="flex" justify="center">