Refactor button layout in AccountSettingRule.vue

This commit is contained in:
jxxghp
2024-10-30 07:07:04 +08:00
parent 36841f6f8f
commit f4633a5832

View File

@@ -270,15 +270,17 @@ onMounted(() => {
</VCardText> </VCardText>
<VCardText> <VCardText>
<VBtn type="submit" class="me-2" @click="saveCustomRules"> 保存 </VBtn> <VBtn type="submit" class="me-2" @click="saveCustomRules"> 保存 </VBtn>
<VBtn color="success" variant="tonal" @click="addCustomRule"> <VBtnGroup density="comfortable">
<VIcon icon="mdi-plus" /> <VBtn color="success" variant="tonal" @click="addCustomRule">
</VBtn> <VIcon icon="mdi-plus" />
<VBtn color="success" variant="tonal" @click="importRules('custom')"> </VBtn>
<VIcon icon="mdi-import" /> <VBtn color="info" variant="tonal" @click="importRules('custom')">
</VBtn> <VIcon icon="mdi-import" />
<VBtn color="info" variant="tonal" @click="shareRules(customRules)"> </VBtn>
<VIcon icon="mdi-share" /> <VBtn color="info" variant="tonal" @click="shareRules(customRules)">
</VBtn> <VIcon icon="mdi-share" />
</VBtn>
</VBtnGroup>
</VCardText> </VCardText>
</VCard> </VCard>
</VCol> </VCol>
@@ -310,18 +312,20 @@ onMounted(() => {
</VCardText> </VCardText>
<VCardText> <VCardText>
<VBtn type="submit" class="me-2" @click="saveFilterRuleGroups"> 保存 </VBtn> <VBtn type="submit" class="me-2" @click="saveFilterRuleGroups"> 保存 </VBtn>
<VBtn color="success" variant="tonal" @click="addFilterRuleGroup"> <VBtnGroup density="comfortable">
<VIcon icon="mdi-plus" /> <VBtn color="success" variant="tonal" @click="addFilterRuleGroup">
</VBtn> <VIcon icon="mdi-plus" />
<VBtn color="success" variant="tonal" @click="importRules('group')"> </VBtn>
<VIcon icon="mdi-import" /> <VBtn color="info" variant="tonal" @click="importRules('group')">
</VBtn> <VIcon icon="mdi-import" />
<VBtn color="info" variant="tonal" @click="shareRules(filterRuleGroups)"> </VBtn>
<VIcon icon="mdi-share" /> <VBtn color="info" variant="tonal" @click="shareRules(filterRuleGroups)">
</VBtn> <VIcon icon="mdi-share" />
</VBtn>
</VBtnGroup>
</VCardText> </VCardText>
<VDialog v-model="importCodeDialog" width="60rem" scrollable> <VDialog v-model="importCodeDialog" width="60rem" scrollable>
<ImportCodeDialog v-model="importCodeString" title="导入优先级规则" @close="importCodeDialog = false"/> <ImportCodeDialog v-model="importCodeString" title="导入优先级规则" @close="importCodeDialog = false" />
</VDialog> </VDialog>
</VCard> </VCard>
</VCol> </VCol>