Fix: ダイヤログ周りのスタイルとリグレッションを修正

src/backend/electron/manager/engineInfoManager.ts

@@ -105,6 +105,9 @@ export class EngineInfoManager {
     const engineInfos: EngineInfo[] = [];
     for (const dirName of fs.readdirSync(this.vvppEngineDir)) {
       const engineDir = path.join(this.vvppEngineDir, dirName);
+      if (dirName === ".DS_Store") {
+        continue;
+      }
       if (!fs.statSync(engineDir).isDirectory()) {
         log.log(`${engineDir} is not directory`);
         continue;

src/components/Dialog/DictionaryManageDialog.vue

@@ -36,7 +36,7 @@
           <div v-if="loadingDictState" class="loading-dict">
             <div>
               <QSpinner color="primary" size="2.5rem" />
-              <div class="q-mt-xs">
+              <div class="q-mt-sm">
                 <template v-if="loadingDictState === 'loading'"
                   >読み込み中...</template
                 >

src/components/Dialog/EngineManageDialog.vue

@@ -37,7 +37,7 @@
           <div v-if="uiLockedState" class="ui-lock-popup">
             <div class="q-pa-md">
               <QSpinner color="primary" size="2.5rem" />
-              <div class="q-mt-xs">
+              <div class="q-mt-sm">
                 <template v-if="uiLockedState === 'addingEngine'">
                   音声合成エンジンを追加しています...
                 </template>

src/components/Dialog/HotkeySettingDialog.vue

@@ -31,7 +31,7 @@
             <template #append>
               <QIcon
                 v-if="hotkeyFilter !== ''"
-                name="close"
+                name="sym_r_close"
                 class="cursor-pointer"
                 @click="hotkeyFilter = ''"
               />

src/components/Dialog/ModelManageDialog.vue

@@ -382,7 +382,7 @@ const unInstallAivmModel = async () => {
   }
   const result = await store.actions.SHOW_CONFIRM_DIALOG({
     title: "アンインストールの確認",
-    message: '本当に音声合成モデル「${activeAivmInfo.value?.manifest.name}」をアンインストールしますか？\n' +
+    message: `本当に音声合成モデル「${activeAivmInfo.value?.manifest.name}」をアンインストールしますか？\n` +
              'アンインストールすると、この音声合成モデル内の話者/スタイルは再度インストールするまで使えなくなります。',
     actionName: "アンインストール",
   });

src/components/Dialog/TextDialog/MessageDialog.vue

@@ -11,10 +11,10 @@
     @hide="onDialogHide"
   >
     <QCard class="q-py-sm q-px-md dialog-card">
-      <QCardSection class="title">
+      <QCardSection class="message-dialog-title">
         <QIcon
           v-if="props.type !== 'none'"
-          :name="iconName"
+          :name="`sym_r_${iconName}`"
           class="text-h5 q-mr-sm"
           :color
         />
@@ -71,13 +71,20 @@ function onOk() {
 }
 </script>
 
+<style lang="scss">
+.message-dialog-title .material-symbols-rounded {
+  font-size: 1.9rem !important;
+}
+</style>
+
 <style scoped lang="scss">
-.title {
+.message-dialog-title {
   display: flex;
   align-items: center;
 }
 
 .message {
+  word-break: break-all;
   white-space: pre-wrap;
 }
 </style>

src/components/Dialog/TextDialog/QuestionDialog.vue

@@ -11,7 +11,7 @@
     @hide="onDialogHide"
   >
     <QCard class="q-py-sm q-px-md dialog-card">
-      <QCardSection class="title">
+      <QCardSection class="question-dialog-title">
         <QIcon
           v-if="props.type !== 'none'"
           :name="`sym_r_${iconName}`"
@@ -32,7 +32,8 @@
           :key="index"
           flat
           :label="button"
-          color="display"
+          :color="index === props.buttons.length - 1 ? 'toolbar-button' : 'display'"
+          :textColor="index === props.buttons.length - 1 ? 'toolbar-button-display' : undefined"
           class="text-no-wrap text-bold"
           @click="onClick(index)"
         />
@@ -86,13 +87,21 @@ const onClick = (index: number) => {
   onDialogOK({ index });
 };
 </script>
+
+<style lang="scss">
+.question-dialog-title .material-symbols-rounded {
+  font-size: 1.9rem !important;
+}
+</style>
+
 <style scoped lang="scss">
-.title {
+.question-dialog-title {
   display: flex;
   align-items: center;
 }
 
 .message {
+  word-break: break-all;
   white-space: pre-wrap;
 }
 </style>

src/components/Dialog/TextDialog/common.ts

@@ -25,6 +25,7 @@ export const getColor = (dialogType: DialogType) => {
       // TODO：warning用の色を用意する
       return "warning";
     case "question":
+      return "warning";
     case "info":
     case "none":
       return "display";

src/components/Dialog/ToolBarCustomDialog.vue

@@ -224,8 +224,8 @@ watch(
 
 const applyDefaultSetting = async () => {
   const result = await store.actions.SHOW_CONFIRM_DIALOG({
-    title: "ツールバーをデフォルトに戻します",
-    message: "ツールバーをデフォルトに戻します。\nよろしいですか？",
+    title: "ツールバーの順序をリセット",
+    message: "ツールバーの順序をデフォルトに戻します。\nよろしいですか？",
     actionName: "はい",
     cancel: "いいえ",
   });

src/components/EngineStartupOverlay.vue

@@ -14,7 +14,7 @@
   >
     <div>
       <QSpinner color="primary" size="2.5rem" />
-      <div class="q-mt-xs">
+      <div class="q-mt-sm">
         {{
           allEngineState === "STARTING"
             ? "音声合成エンジン起動中..."

src/components/Menu/MenuBar/MenuBar.vue

@@ -296,7 +296,7 @@ const engineSubMenuData = computed<MenuItemData[]>(() => {
   }
   subMenu.push( {
     type: "button",
-    label: "話者リストを更新",
+    label: "話者リストを再読み込み",
     async onClick() {
       await store.actions.LOAD_CHARACTER({ engineId: store.getters.DEFAULT_ENGINE_ID });
       await store.actions.LOAD_DEFAULT_STYLE_IDS();

src/components/Talk/AudioInfo.vue

@@ -128,7 +128,7 @@
       <!-- プリセット再登録ダイアログ -->
       <QDialog v-model="showsPresetRewriteDialog" @beforeHide="closeAllDialog">
         <QCard>
-          <QCardSection>
+          <QCardSection class="q-pb-none">
             <div class="text-h6">プリセットの再登録</div>
           </QCardSection>
           <QCardSection>

src/components/Talk/menuBarData.ts

@@ -63,7 +63,7 @@ export const useMenuBarData = () => {
   const viewSubMenuData = computed<MenuItemData[]>(() => [
     {
       type: "button",
-      label: showTextLineNumber.value ? "行番号を非表示" : "行番号を表示",
+      label: showTextLineNumber.value ? "行番号を隠す" : "行番号を表示",
       onClick: () => {
         changeShowTextLineNumber(!showTextLineNumber.value);
       },

src/styles/_index.scss

@@ -297,6 +297,10 @@ img {
   background: colors.$warning;
 }
 
+.text-warning-light {
+  color: #f2be74;
+}
+
 .text-toolbar {
   color: colors.$toolbar;
 }