kirigaya/digital-vcd-render
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

使得样式更加适配 vscode 的 size

Browse Source
This commit is contained in:
锦恢 2024-11-15 23:07:58 +08:00
parent 714b125496
commit 77575c2efe
5 changed files with 13 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/vcd.css
View File

@ -5,7 +5,7 @@
--main-dark-color: #2D323B; --main-dark-color: #2D323B;
--main-light-color: var(--main-color); --main-light-color: var(--main-color);
--sidebar-width: 330px; --sidebar-width: 330px;
--right-nav-width: 60px; --right-nav-width: 50px;
--time-scale-height: 30px; --time-scale-height: 30px;
--sidebar-padding: 10px; --sidebar-padding: 10px;
--sidebar-item-margin: 5px; --sidebar-item-margin: 5px;

6
src/components/right-nav.vue
View File

@ -95,9 +95,9 @@ emitter.on('right-nav', index => {
} }
.vcd-control-panel-icon { .vcd-control-panel-icon {
width: 50px; width: 45px;
height: 50px; height: 45px;
font-size: 35px; font-size: 30px;
} }
.vcd-control-panel-active { .vcd-control-panel-active {

8
src/components/sidebar/signal-context-menu.vue
View File

@ -166,10 +166,10 @@ function makeSignalIconClass(signal) {
} }
.menu-item-container { .menu-item-container {
font-size: 0.9rem; font-size: 0.8rem;
display: flex; display: flex;
align-items: center; align-items: center;
margin: 5px; margin: 2px;
padding: 3px; padding: 3px;
padding-left: 10px; padding-left: 10px;
border-radius: .5em; border-radius: .5em;
@ -199,13 +199,13 @@ function makeSignalIconClass(signal) {
} }
.basic-info { .basic-info {
font-size: .8rem; font-size: .75rem;
padding: 7px; padding: 7px;
} }
.info-item { .info-item {
display: flex; display: flex;
margin-top: 12px; margin-top: 10px;
} }
.info-item-title { .info-item-title {

9
src/components/treeview/modules.vue
View File

@ -103,7 +103,6 @@ const expandManage = reactive({
.vcd-treeview-item { .vcd-treeview-item {
color: var(--vscode-foreground); color: var(--vscode-foreground);
cursor: pointer; cursor: pointer;
height: 27px;
display: flex; display: flex;
align-items: center; align-items: center;
white-space: nowrap; white-space: nowrap;
@ -126,16 +125,16 @@ const expandManage = reactive({
} }
.module-tag-status { .module-tag-status {
width: 25px; width: 23px;
height: 25px; height: 23px;
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
display: flex; display: flex;
} }
.expand-tag { .expand-tag {
height: 7px; height: 5px;
width: 7px; width: 5px;
border-top: solid 1.7px var(--vscode-foreground); border-top: solid 1.7px var(--vscode-foreground);
border-left: solid 1.7px var(--vscode-foreground); border-left: solid 1.7px var(--vscode-foreground);
transform: rotate(225deg); transform: rotate(225deg);

2
src/components/treeview/signals.vue
View File

@ -138,7 +138,7 @@ function toggleRender(event, signal) {
margin: 3px; margin: 3px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
height: 23px; height: 21px;
padding-left: 3px; padding-left: 3px;
cursor: pointer; cursor: pointer;
align-items: center; align-items: center;