ピッチ表示調整

romot-co · Jul 8, 2024 · 23bfc12 · 23bfc12
1 parent daeb2ef
commit 23bfc12
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 27 deletions.
diff --git a/src/components/Sing/SequencerLyricInput.vue b/src/components/Sing/SequencerLyricInput.vue
@@ -108,12 +108,17 @@ watch(
 .lyric-input {
   position: absolute;
   top: 0;
-  left: 0;
-  font-weight: 700;
-  min-width: 3rem;
-  max-width: 6rem;
-  border: 0;
-  outline: 2px solid lab(80, -22.953, 14.365);
+  font-weight: 500;
+  font-size: 16px;
+  max-width: 4rem;
+  width: fit-content;
+  background-color: var(--md-ref-palette-neutral-99);
+  color: var(--md-sys-color-on-primary-fixed);
+  outline: 1px solid var(--md-sys-color-primary);
   border-radius: 4px;
+  border: 0;
+  box-shadow:
+    0 4px 6px rgba(0, 0, 0, 0.1),
+    0 1px 3px rgba(0, 0, 0, 0.08);
 }
 </style>
diff --git a/src/components/Sing/SequencerNote.vue b/src/components/Sing/SequencerNote.vue
@@ -314,8 +314,8 @@ const onLeftEdgeMouseDown = (event: MouseEvent) => {
 
   &.preview-lyric {
     .note-bar {
-      background-color: var(--md-sys-color-primary-fixed-dim);
-      border-color: var(--md-sys-color-primary-fixed);
+      background-color: var(--md-sys-color-primary-fixed);
+      border-color: var(--md-sys-color-primary-fixed-dim);
     }
 
     .note-lyric {
@@ -350,23 +350,6 @@ const onLeftEdgeMouseDown = (event: MouseEvent) => {
   }
 }
 
-.note-lyric-input {
-  position: absolute;
-  top: 0;
-  font-weight: 500;
-  font-size: 16px;
-  max-width: 4rem;
-  width: fit-content;
-  background-color: var(--md-ref-palette-neutral-99);
-  color: var(--md-sys-color-on-primary-fixed);
-  outline: 2px solid var(--md-sys-color-primary);
-  border-radius: 4px;
-  border: 0;
-  box-shadow:
-    0 4px 6px rgba(0, 0, 0, 0.1),
-    0 1px 3px rgba(0, 0, 0, 0.08);
-}
-
 .cursor-move {
   cursor: move;
 }

diff --git a/src/components/Sing/SequencerPitch.vue b/src/components/Sing/SequencerPitch.vue
@@ -57,13 +57,13 @@ const previewPitchEdit = computed(() => props.previewPitchEdit);
 const editFrameRate = computed(() => store.state.editFrameRate);
 
 const originalPitchLine: PitchLine = {
-  color: new Color(171, 201, 176, 255),
+  color: new Color(160, 160, 160, 255),
   width: 1.2,
   pitchDataMap: new Map(),
   lineStripMap: new Map(),
 };
 const pitchEditLine: PitchLine = {
-  color: new Color(146, 214, 154, 255),
+  color: new Color(152, 213, 164, 255),
   width: 2,
   pitchDataMap: new Map(),
   lineStripMap: new Map(),