chore: small changes

liriliri · Aug 6, 2024 · e44f030 · e44f030
1 parent da2ef5c
commit e44f030
Show file tree

Hide file tree

Showing 7 changed files with 10 additions and 16 deletions.
diff --git a/index.json b/index.json
@@ -181,7 +181,7 @@
   },
   "menu": {
     "icon": true,
-    "version": "0.1.2",
+    "version": "0.1.3",
     "style": true,
     "test": true,
     "install": false,

diff --git a/src/color-picker/style.scss b/src/color-picker/style.scss
@@ -4,7 +4,7 @@
   @include component();
   touch-action: none;
   width: 225px;
-  box-shadow: $box-shadow;
+  border: 1px solid $color-border;
 }
 
 .saturation {

diff --git a/src/menu/index.ts b/src/menu/index.ts
@@ -3,7 +3,6 @@ import $ from 'licia/$'
 import h from 'licia/h'
 import defaults from 'licia/defaults'
 import each from 'licia/each'
-import nextTick from 'licia/nextTick'
 import {
   measuredScrollbarWidth,
   hasVerticalScrollbar,
@@ -69,17 +68,14 @@ export default class Menu extends Component {
     $container.html('')
 
     for (let i = 0, len = menuItems.length; i < len; i++) {
-      this.$container.append(this.createMenuItem(menuItems[i]))
+      $container.append(this.createMenuItem(menuItems[i]))
     }
 
     const $glassPane = this.createGlassPane()
     $glassPane.append(this.container)
     $glassPane.show()
 
-    // Delay a little to make sure height calculation is correct.
-    nextTick(() => {
-      this.positionContent(x, y, parent)
-    })
+    this.positionContent(x, y, parent)
   }
   destroy() {
     this.hide()
@@ -133,8 +129,6 @@ export default class Menu extends Component {
     }
 
     $container.css({
-      width,
-      height,
       left,
       top,
     })

diff --git a/src/menu/package.json b/src/menu/package.json
@@ -1,6 +1,6 @@
 {
   "name": "menu",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Simple menu",
   "luna": {
     "icon": true

diff --git a/src/music-player/style.scss b/src/music-player/style.scss
@@ -3,7 +3,7 @@
 .luna-music-player {
   @include component();
   min-width: 375px;
-  box-shadow: $box-shadow;
+  border: 1px solid $color-border;
   font-size: 14px;
   cursor: default;
 }
@@ -213,7 +213,7 @@
 }
 
 .theme-dark {
-  box-shadow: $box-shadow-dark;
+  border-color: $color-border-dark;
   .body-right {
     border-bottom-color: $color-border-dark;
   }

diff --git a/src/music-visualizer/story.js b/src/music-visualizer/story.js
@@ -32,7 +32,7 @@ const def = story(
       width: 640,
       margin: '0 auto',
       maxWidth: '100%',
-      boxShadow: 'none',
+      border: 'none',
     })
     const musicPlayer = new MusicPlayer(musicPlayerContainer, {
       audio,

diff --git a/src/performance-monitor/style.scss b/src/performance-monitor/style.scss
@@ -2,7 +2,7 @@
 
 .luna-performance-monitor {
   @include component();
-  box-shadow: $box-shadow;
+  border: 1px solid $color-border;
   width: 100%;
   padding: 5px;
 }
@@ -25,7 +25,7 @@
 }
 
 .theme-dark {
-  box-shadow: $box-shadow-dark;
+  border-color: $color-border-dark;
   .title {
     color: $color-text-dark;
   }