image/tdesign-vue-next-starter
1
0
Fork 1
mirror of https://github.com/Tencent/tdesign-vue-next-starter.git synced 2024-09-20 02:34:24 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: setting default style (#425)

Browse Source
This commit is contained in:
yuyang 2023-02-19 00:54:39 +08:00 committed by GitHub
parent 81e21444fb
commit 24d913df16
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -30,7 +30,7 @@
"qrcode.vue": "^3.3.3",
"qs": "^6.11.0",
"tdesign-icons-vue-next": "^0.1.7",
"tdesign-vue-next": "^1.0.0",
"tdesign-vue-next": "^1.0.8",
"tvision-color": "^1.5.0",
"vue": "^3.2.45",
"vue-clipboard3": "^2.0.0",

20
src/layouts/setting.vue
View File

@ -214,7 +214,9 @@ watchEffect(() => {
if (formData.value.brandTheme) settingStore.updateConfig(formData.value);
});
</script>
<style lang="less" scoped>
<!-- teleport导致drawer 内 scoped样式问题无法生效 先规避下 -->
<!-- eslint-disable-next-line vue-scoped-css/enforce-style-type -->
<style lang="less">
.tdesign-setting {
z-index: 100;
position: fixed;
@ -297,14 +299,14 @@ watchEffect(() => {
.setting-container {
padding-bottom: 100px;
}
:deep(.t-radio-group.t-size-m) {
.t-radio-group.t-size-m {
min-height: 32px;
width: 100%;
justify-content: space-between;
align-items: center;
}
:deep(.t-radio-group.t-size-m .t-radio-button) {
.t-radio-group.t-size-m .t-radio-button {
height: auto;
}
@ -314,7 +316,7 @@ watchEffect(() => {
align-items: center;
margin-bottom: 16px;
:deep(.t-radio-button) {
.t-radio-button {
display: inline-flex;
max-height: 78px;
padding: 8px;
@ -325,22 +327,22 @@ watchEffect(() => {
}
}
:deep(.t-is-checked) {
.t-is-checked {
border: 2px solid var(--td-brand-color) !important;
}
:deep(.t-form__controls-content) {
.t-form__controls-content {
justify-content: end;
}
}
:deep(.t-form__controls-content) {
.t-form__controls-content {
justify-content: end;
}
}
.setting-route-theme {
:deep(.t-form__label) {
.t-form__label {
min-width: 310px !important;
color: var(--td-text-color-secondary);
}
@ -348,7 +350,7 @@ watchEffect(() => {
.setting-color-theme {
.setting-layout-drawer {
:deep(.t-radio-button) {
.t-radio-button {
height: 32px;
}