Fix: スタイルを調整

Aivis-Project · Jan 2, 2025 · 2ee34cd · 2ee34cd
1 parent 8f1005e
commit 2ee34cd
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/src/components/Dialog/EngineManageDialog.vue b/src/components/Dialog/EngineManageDialog.vue
@@ -100,7 +100,7 @@
           <!-- 右側のpane -->
           <template v-if="isAddingEngine">
             <div class="col-8 no-wrap text-no-wrap">
-              <div class="q-pa-lg column">
+              <div class="q-px-lg q-pt-lg column" style="width: 100%; height: 100%; padding-bottom: 14px;">
                 <div class="text-h5">音声合成エンジンの追加</div>
 
                 <div class="q-mt-lg">
@@ -214,7 +214,7 @@
             class="col-8 no-wrap text-no-wrap engine-detail"
           >
             <div class="model-detail-content">
-              <div class="q-pl-md q-mt-md flex">
+              <div class="q-px-md q-mt-md flex">
                 <img
                   v-if="selectedId in engineIcons"
                   :src="engineIcons[selectedId]"
@@ -231,7 +231,7 @@
                 </div>
               </div>
 
-              <div class="no-wrap q-pl-md">
+              <div class="no-wrap q-px-md">
                 <ul>
                   <li>
                     バージョン：{{
@@ -253,7 +253,7 @@
                   </li>
                 </ul>
               </div>
-              <div class="no-wrap q-pl-md">
+              <div class="no-wrap q-px-md">
                 <div class="text-h6 q-mx-sm q-mt-sm">機能</div>
                 <ul
                   v-if="
@@ -281,7 +281,7 @@
                 </ul>
                 <span v-else>（取得に失敗しました）</span>
               </div>
-              <div class="no-wrap q-pl-md">
+              <div class="no-wrap q-px-md">
                 <div class="text-h6 q-mx-sm q-mt-sm">場所</div>
                 <div
                   :class="

diff --git a/src/components/Dialog/ModelManageDialog.vue b/src/components/Dialog/ModelManageDialog.vue
@@ -141,7 +141,7 @@
               </QTabPanel>
             </QTabPanels>
           </div>
-          <div v-if="isInstalling" class="model-detail q-pa-lg column" style="width: 100%;">
+          <div v-if="isInstalling" class="model-detail q-px-lg q-pt-lg column" style="width: 100%; padding-bottom: 14px;">
             <div class="text-h5">音声合成モデルのインストール / 更新</div>
             <div class="q-mt-lg">
               <QBtnToggle
@@ -183,7 +183,7 @@
                 ]" />
               </div>
             </div>
-            <div class="row q-mt-auto right-pane-buttons">
+            <div class="row q-mt-auto">
               <QSpace />
               <QBtn outline icon="sym_r_close" label="キャンセル" textColor="display" class="text-no-wrap text-bold q-mr-sm"
                 @click="cancelInstall" />