schore: 修改屏幕过小,会破坏布局的问题

This commit is contained in:
奔跑的面条 2022-05-23 16:05:41 +08:00
parent dde5ae796e
commit 1c5c867a19
2 changed files with 4 additions and 0 deletions

View File

@ -29,6 +29,7 @@ import { ThemeColorSelect } from '@/components/Pages/ThemeColorSelect'
</script>
<style lang="scss" scoped>
$min-width: 400px;
@include go(header) {
&-box {
display: grid;
@ -36,6 +37,7 @@ import { ThemeColorSelect } from '@/components/Pages/ThemeColorSelect'
.header-item {
display: flex;
align-items: center;
min-width: $min-width;
&.left {
justify-content: start;
}

View File

@ -134,8 +134,10 @@ watchEffect(() => {
</script>
<style lang="scss" scoped>
$min-width: 500px;
@include go('edit-bottom') {
width: 100%;
min-width: $min-width;
padding: 0 10px;
display: flex;
align-items: center;