feat: some visual update

suisei-cn · May 9, 2021 · 987d584 · 987d584
1 parent c724634
commit 987d584
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/App.svelte b/src/App.svelte
@@ -121,6 +121,7 @@
 
     &.modalUp {
       filter: blur(10px);
+      transition: all ease-in-out 0.3s;
     }
   }
 

diff --git a/src/components/ShortcutPanel.svelte b/src/components/ShortcutPanel.svelte
@@ -12,7 +12,7 @@
         {$_('Failed to load.')}
       {:else}
         <b id="title">{payload.title}</b>
-        <div>
+        <div class="oprBar">
           <select id="audioSelect" bind:value="{audioSelectedFilename}">
             <option value="" selected>---</option>
             {#each payload.audios as item}
@@ -174,4 +174,12 @@
       cursor: pointer;
     }
   }
+
+  .oprBar {
+    display: flex;
+    align-items: center;
+    :not(:last-child) {
+      margin-right: 7px;
+    }
+  }
 </style>
-Original file line number
+Diff line change
@@ Expand Up / @@ -121,6 +121,7 @@ @@
         &.modalUp {
           filter: blur(10px);
+          transition: all ease-in-out 0.3s;
         }
       }
@@ Expand Down @@