|
|
@@ -9,16 +9,20 @@
|
|
|
</template>
|
|
|
<div class="preference-content">
|
|
|
<el-form label-width="80px">
|
|
|
- <el-form-item :label="`${$t('preferences.language')}：`">
|
|
|
- <el-select v-model="currentLang" placeholder="Select Language">
|
|
|
- <el-option
|
|
|
- v-for="lang in languages"
|
|
|
- :key="lang.value"
|
|
|
- :label="lang.label"
|
|
|
- :value="lang.value"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item :label="`${$t('preferences.language')}：`">
|
|
|
+ <el-select v-model="currentLang" placeholder="Select Language">
|
|
|
+ <el-option
|
|
|
+ v-for="lang in languages"
|
|
|
+ :key="lang.value"
|
|
|
+ :label="lang.label"
|
|
|
+ :value="lang.value"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
</el-card>
|
|
|
@@ -89,4 +93,8 @@ watch(currentLang, (newVal) => {
|
|
|
padding: 16px;
|
|
|
}
|
|
|
|
|
|
+.preference-content{
|
|
|
+ width: 20%;
|
|
|
+}
|
|
|
+
|
|
|
</style>
|
