chore: compatible with new sass

This commit is contained in:
Lykin 2024-11-07 14:58:44 +08:00
parent e03fc8ad28
commit c02a24ee94
12 changed files with 19 additions and 12 deletions

View File

@ -168,5 +168,5 @@ defineExpose({
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
@import '@/styles/content'; @use '@/styles/content';
</style> </style>

View File

@ -212,7 +212,7 @@ watch(
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
@import '@/styles/content'; @use '@/styles/content';
.content-container { .content-container {
//padding: 5px 5px 0; //padding: 5px 5px 0;

View File

@ -22,7 +22,7 @@ const dialogStore = useDialogStore()
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
@import '@/styles/content'; @use '@/styles/content';
.content-container { .content-container {
justify-content: center; justify-content: center;

View File

@ -181,7 +181,7 @@ const onCleanLog = () => {
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
@import '@/styles/content'; @use '@/styles/content';
.line-item { .line-item {
margin-bottom: 5px; margin-bottom: 5px;

View File

@ -281,7 +281,7 @@ const onPublish = async () => {
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
@import '@/styles/content'; @use '@/styles/content';
.total-message { .total-message {
margin: 10px 0 0; margin: 10px 0 0;

View File

@ -776,7 +776,7 @@ const clientTableColumns = computed(() => {
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
@import '@/styles/content'; @use '@/styles/content';
.line-chart { .line-chart {
display: flex; display: flex;

View File

@ -222,5 +222,5 @@ const onListLimitChanged = (limit) => {
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
@import '@/styles/content'; @use '@/styles/content';
</style> </style>

View File

@ -203,5 +203,5 @@ const onClose = () => {}
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
@import '@/styles/content'; @use '@/styles/content';
</style> </style>

View File

@ -458,7 +458,7 @@ watch(
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
@import '@/styles/style'; @use '@/styles/style' as style;
:deep(.toggle-btn) { :deep(.toggle-btn) {
border-style: solid; border-style: solid;
@ -483,7 +483,7 @@ watch(
} }
.nav-pane-bottom { .nav-pane-bottom {
@include top-shadow(0.1); @include style.top-shadow(0.1);
color: v-bind('themeVars.iconColor'); color: v-bind('themeVars.iconColor');
border-top: v-bind('themeVars.borderColor') 1px solid; border-top: v-bind('themeVars.borderColor') 1px solid;
} }

View File

@ -850,7 +850,7 @@ defineExpose({
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
@import '@/styles/content'; @use '@/styles/content';
.browser-tree-wrapper { .browser-tree-wrapper {
height: 100%; height: 100%;

View File

@ -542,7 +542,7 @@ const onCancelOpen = () => {
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
@import '@/styles/content'; @use '@/styles/content';
.connection-tree-wrapper { .connection-tree-wrapper {
height: 100%; height: 100%;

View File

@ -29,4 +29,11 @@ export default defineConfig({
wailsjs: rootPath + 'wailsjs', wailsjs: rootPath + 'wailsjs',
}, },
}, },
css: {
preprocessorOptions: {
scss: {
api: 'modern-compiler',
},
},
},
}) })