فهرست منبع

fix(ui): polish form input

charlie 3 سال پیش
والد
کامیت
3c937520a6
3فایلهای تغییر یافته به همراه6 افزوده شده و 2 حذف شده
  1. 1 0
      src/main/frontend/components/editor.css
  2. 3 0
      src/main/frontend/extensions/pdf/pdf.css
  3. 2 2
      src/main/frontend/ui.css

+ 1 - 0
src/main/frontend/components/editor.css

@@ -25,6 +25,7 @@
     background: transparent;
     padding: 0;
     resize: none;
+    box-shadow: none;
   }
 }
 

+ 3 - 0
src/main/frontend/extensions/pdf/pdf.css

@@ -107,6 +107,9 @@ input::-webkit-inner-spin-button {
             width: 35px;
             text-align: right;
             padding-right: 4px;
+            height: 18px;
+            border: none;
+            background: transparent;
           }
         }
 

+ 2 - 2
src/main/frontend/ui.css

@@ -312,7 +312,7 @@ html.is-mobile {
 }
 
 .form-select {
-  @apply block w-full pl-3 pr-10 py-2 text-base leading-6
+  @apply block w-full pl-3 pr-10 py-2 text-base leading-6 rounded
   border-gray-300 focus:outline-none sm:text-sm sm:leading-5;
 
   background-color: var(--ls-primary-background-color, transparent);
@@ -327,7 +327,7 @@ html.is-mobile {
 
 .form-input {
   @apply block w-full pl-2
-  sm:text-sm sm:leading-5;
+  sm:text-sm sm:leading-5 rounded;
 
   border-width: 1px;
   border-color: var(--ls-border-color);