chore: compatible with new sass
This commit is contained in:
parent
e03fc8ad28
commit
c02a24ee94
|
@ -168,5 +168,5 @@ defineExpose({
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '@/styles/content';
|
@use '@/styles/content';
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -203,5 +203,5 @@ const onClose = () => {}
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import '@/styles/content';
|
@use '@/styles/content';
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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%;
|
||||||
|
|
|
@ -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%;
|
||||||
|
|
|
@ -29,4 +29,11 @@ export default defineConfig({
|
||||||
wailsjs: rootPath + 'wailsjs',
|
wailsjs: rootPath + 'wailsjs',
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
css: {
|
||||||
|
preprocessorOptions: {
|
||||||
|
scss: {
|
||||||
|
api: 'modern-compiler',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
})
|
})
|
||||||
|
|
Loading…
Reference in New Issue