优化布局
This commit is contained in:
parent
6f52ed7c1b
commit
0ffc2dc0e5
@ -114,8 +114,8 @@ a {
|
|||||||
.digital-ide-icon.big {
|
.digital-ide-icon.big {
|
||||||
background-image: url(./icon.svg);
|
background-image: url(./icon.svg);
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
height: 200px;
|
height: 150px;
|
||||||
width: 200px;
|
width: 150px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-radio-button__original-radio:disabled:checked+.el-radio-button__inner {
|
.el-radio-button__original-radio:disabled:checked+.el-radio-button__inner {
|
||||||
|
@ -56,13 +56,10 @@ const { t } = useI18n();
|
|||||||
<style>
|
<style>
|
||||||
.about-wrapper {
|
.about-wrapper {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
width: 450px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.version-caption {
|
.version-caption {
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 100% !important;
|
|
||||||
font-size: 1.1rem;
|
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
@ -18,7 +18,7 @@ export const controlPanel = reactive({
|
|||||||
this.currentIndex = -1;
|
this.currentIndex = -1;
|
||||||
} else {
|
} else {
|
||||||
if (horizontalResizer.width < 5) {
|
if (horizontalResizer.width < 5) {
|
||||||
horizontalResizer.width = 200;
|
horizontalResizer.width = 362;
|
||||||
}
|
}
|
||||||
this.currentIndex = index;
|
this.currentIndex = index;
|
||||||
}
|
}
|
||||||
@ -29,7 +29,7 @@ export const controlPanel = reactive({
|
|||||||
export const horizontalResizer = reactive({
|
export const horizontalResizer = reactive({
|
||||||
active: false,
|
active: false,
|
||||||
hover: false,
|
hover: false,
|
||||||
width: 200,
|
width: 362,
|
||||||
mousedown() {
|
mousedown() {
|
||||||
this.active = true;
|
this.active = true;
|
||||||
document.addEventListener('mousemove', resize);
|
document.addEventListener('mousemove', resize);
|
||||||
|
@ -86,6 +86,7 @@ const resizerWrapperStyle = computed(() => ({
|
|||||||
box-shadow: var(--gray-box-shadow-1);
|
box-shadow: var(--gray-box-shadow-1);
|
||||||
z-index: 200;
|
z-index: 200;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
|
user-select: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.horizontal-scalable-wrapper {
|
.horizontal-scalable-wrapper {
|
||||||
|
@ -44,7 +44,7 @@ onMounted(() => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.icon-wave-square {
|
.icon-wave-square {
|
||||||
color: var(--signal-default-color);
|
color: var(--main-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-brackets {
|
.icon-brackets {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user