style(editor): create project shadow

Novout · Oct 14, 2021 · f5ff903 · f5ff903
1 parent 1f2556a
commit f5ff903
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 29 deletions.
diff --git a/src/components/editor/aside/project/AsideProjectNew.vue b/src/components/editor/aside/project/AsideProjectNew.vue
@@ -11,52 +11,28 @@
         <label>{{ t('editor.aside.project.new.name') }}</label>
         <input
           v-model="name"
-          class="
-            wp-shadow
-            bg-gray-200
-            focus:bg-gray-400
-            dark:bg-gray-600 dark:focus:bg-gray-800
-            p-1
-          "
+          class="shadow-winset dark:shadow-binset bg-transparent p-1"
         />
       </div>
       <div class="flex flex-col pt-3">
         <label>{{ t('editor.aside.project.new.creator') }}</label>
         <input
           v-model="creator"
-          class="
-            wp-shadow
-            bg-gray-200
-            focus:bg-gray-400
-            dark:bg-gray-600 dark:focus:bg-gray-800
-            p-1
-          "
+          class="shadow-winset dark:shadow-binset bg-transparent p-1"
         />
       </div>
       <div class="flex flex-col pt-3">
         <label>{{ t('editor.aside.project.new.subject') }}</label>
         <input
           v-model="subject"
-          class="
-            wp-shadow
-            bg-gray-200
-            focus:bg-gray-400
-            dark:bg-gray-600 dark:focus:bg-gray-800
-            p-1
-          "
+          class="shadow-winset dark:shadow-binset bg-transparent p-1"
         />
       </div>
       <div class="flex flex-col pt-3">
         <label>{{ t('editor.aside.project.new.version') }}</label>
         <input
           v-model="version"
-          class="
-            wp-shadow
-            bg-gray-200
-            focus:bg-gray-400
-            dark:bg-gray-600 dark:focus:bg-gray-800
-            p-1
-          "
+          class="shadow-winset dark:shadow-binset bg-transparent p-1"
         />
       </div>
     </div>

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -53,7 +53,7 @@ module.exports = {
       }),
       boxShadow: theme => ({
         "binset": `rgba(50, 50, 93, 0.4) 0px 2px 5px -1px, rgba(0, 0, 0, 0.65) 0px 1px 3px -1px;`,
-        "winset": `rgba(50, 50, 93, 0.3) 0px 2px 5px -1px, rgba(0, 0, 0, 0.35) 0px 1px 3px -1px;`,
+        "winset": `rgba(50, 50, 93, 0.3) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;`,
         "wp-shadow": 'rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;'
       }),
       backgroundImage: theme => ({