ソングの編集ツールのアイコンが読み込まれていないときに表示が崩れるのを修正する

Hiroshiba · Dec 9, 2024 · 3cdf4e4 · 3cdf4e4
1 parent 2605c8b
commit 3cdf4e4
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/components/Sing/SequencerToolPalette.vue b/src/components/Sing/SequencerToolPalette.vue
@@ -110,6 +110,7 @@ defineEmits<{
 
   .material-symbols-outlined {
     font-size: 20px;
+    max-width: 20px;
   }
 
   .q-btn {

diff --git a/src/styles/fonts.scss b/src/styles/fonts.scss
@@ -13,9 +13,9 @@
 }
 
 @font-face {
-  font-display: swap;
+  font-display: block;
   font-family: "Material Symbols Outlined";
   font-style: normal;
   font-weight: 400;
-  src: url('../fonts/material-symbols-outlined-regular.woff2') format('woff2');
+  src: url("../fonts/material-symbols-outlined-regular.woff2") format("woff2");
 }