优化布局

This commit is contained in:
锦恢 2024-12-28 15:12:43 +08:00
parent 6f52ed7c1b
commit 0ffc2dc0e5
5 changed files with 6 additions and 8 deletions

View File

@ -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 {

View File

@ -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;

View File

@ -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);

View File

@ -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 {

View File

@ -44,7 +44,7 @@ onMounted(() => {
} }
.icon-wave-square { .icon-wave-square {
color: var(--signal-default-color); color: var(--main-color);
} }
.icon-brackets { .icon-brackets {