opentiny
/
tiny-engine
0
0
Fork 9
Code Issues Pull Requests 3 Packages Projects Releases Wiki Activity

fix: 左右两侧面板宽度固定为280px (#230)

This commit is contained in:
lizhijie429 2024-01-12 15:08:56 +08:00 committed by GitHub
parent 7b9ff6cfd5
commit 3c2e14d4de
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
10 changed files with 9 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/common/component/PluginBlockList.vue
View File

@ -344,7 +344,7 @@ export default {
position: fixed;
z-index: 9999;
top: 50px;
left: calc(var(--base-left-panel-width, 268px) + var(--base-nav-panel-width) + 10px);
left: calc(var(--base-left-panel-width) + var(--base-nav-panel-width) + 10px);
max-width: 500px;
max-height: 136px;
padding: 12px;

2
packages/common/component/PluginSetting.vue
View File

@ -125,7 +125,7 @@ export default {
<style lang="less" scoped>
.plugin-setting {
position: absolute;
left: calc(var(--base-left-panel-width, 268px) - 6px);
left: calc(var(--base-left-panel-width) - 6px);
top: 0;
width: var(--base-collection-panel-width);
height: 100%;

2
packages/design-core/src/DesignPlugins.vue
View File

@ -221,7 +221,7 @@ export default {
<style lang="less" scoped>
#tiny-engine-left-panel {
width: var(--base-left-panel-width, 268px);
width: var(--base-left-panel-width);
height: calc(100vh - var(--base-top-panel-height));
border-right: 1px solid var(--ti-lowcode-plugin-panel-border-right-color);
background: var(--ti-lowcode-common-component-bg);

1
packages/design-core/src/DesignSettings.vue
View File

@ -40,7 +40,6 @@ export default {
<style lang="less" scoped>
#tiny-right-panel {
width: var(--base-right-panel-width);
min-width: var(--lowcode-setting-panel-min-width);
height: 100%;
transition: 0.3s linear;
position: relative;

2
packages/plugins/data/src/DataSourceRightPanel.vue
View File

@ -116,7 +116,7 @@ export default {
border-right: 1px solid var(--ti-lowcode-toolbar-border-color);
background: var(--ti-lowcode-toolbar-bg);
position: absolute;
left: calc(var(--base-left-panel-width, 268px) - 6px);
left: calc(var(--base-left-panel-width) - 6px);
top: 0;
.right-head {

2
packages/plugins/data/src/Main.vue
View File

@ -410,7 +410,7 @@ export default {
border-right: 1px solid var(--ti-lowcode-toolbar-border-color);
background: var(--ti-lowcode-common-component-bg);
position: absolute;
left: calc(var(--base-left-panel-width, 268px) - 6px);
left: calc(var(--base-left-panel-width) - 6px);
top: 0;
.header {

4
packages/settings/design/src/App.vue
View File

@ -135,8 +135,8 @@ body::-webkit-scrollbar-thumb {
}
body {
--base-left-panel-width: 268px;
--base-right-panel-width: 240px;
--base-left-panel-width: 280px;
--base-right-panel-width: 280px;
--base-top-panel-height: 35px;
--base-bottom-panel-height: 30px;
--base-nav-panel-width: 40px;

46
packages/theme/common/base.less
View File

@ -9,8 +9,8 @@ body {
}
body {
--base-left-panel-width: 268px;
--base-right-panel-width: 240px;
--base-left-panel-width: 280px;
--base-right-panel-width: 280px;
--base-top-panel-height: 48px;
--base-bottom-panel-height: 30px;
--base-nav-panel-width: 40px;
@ -55,48 +55,6 @@ td {
padding: 0;
}
@media (min-width: 576px) {
body {
--base-left-panel-width: 25vw;
--base-right-panel-width: 25vw;
}
}
@media (min-width: 768px) {
body {
--base-left-panel-width: 25vw;
--base-right-panel-width: 25vw;
}
}
@media (min-width: 992px) {
body {
--base-left-panel-width: 202px;
--base-right-panel-width: 208px;
}
}
@media (min-width: 1200px) {
body {
--base-left-panel-width: 236px;
--base-right-panel-width: 240px;
}
}
@media (min-width: 1600px) {
body {
--base-left-panel-width: 268px;
--base-right-panel-width: 272px;
}
}
@media (min-width: 2000px) {
body {
--base-left-panel-width: 300px;
--base-right-panel-width: 308px;
}
}
#tiny-engine * {
box-sizing: border-box;
}

1
packages/theme/dark/settings.less
View File

@ -6,7 +6,6 @@
--ti-lowcode-setting-panel-tabs-item-title-hover-color: #fff;
// 插件设置面板左侧边框
--ti-lowcode-plugin-setting-panel-border-left-color: var(--ti-lowcode-common-component-bg);
--lowcode-setting-panel-min-width: 280px;
}
// 属性面板-属性-新建区块属性

1
packages/theme/light/settings.less
View File

@ -6,7 +6,6 @@
--ti-lowcode-setting-panel-tabs-item-title-hover-color: var(--ti-lowcode-base-text-color);
// 插件设置面板左侧边框
--ti-lowcode-plugin-setting-panel-border-left-color: var(--ti-lowcode-common-border-color-4);
--lowcode-setting-panel-min-width: 280px;
}
// 属性面板-属性-区块关联属性-新建区块属性popover