mirror of
https://github.com/wavetermdev/waveterm.git
synced 2024-12-21 16:38:23 +01:00
Add divider between color and icon selectors (#1448)
Also make left icon fixed width
This commit is contained in:
parent
1f756193c0
commit
24d808cddc
@ -75,6 +75,10 @@
|
|||||||
|
|
||||||
.expandable-menu-item-group {
|
.expandable-menu-item-group {
|
||||||
margin: 0 8px;
|
margin: 0 8px;
|
||||||
|
border: 1px solid transparent;
|
||||||
|
border-radius: 4px;
|
||||||
|
|
||||||
|
--workspace-color: var(--main-bg-color);
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
@ -85,13 +89,6 @@
|
|||||||
.expandable-menu-item {
|
.expandable-menu-item {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.expandable-menu-item-group {
|
|
||||||
border: 1px solid transparent;
|
|
||||||
border-radius: 4px;
|
|
||||||
|
|
||||||
--workspace-color: var(--main-bg-color);
|
|
||||||
|
|
||||||
.menu-group-title-wrapper {
|
.menu-group-title-wrapper {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -149,6 +146,7 @@
|
|||||||
|
|
||||||
.left-icon {
|
.left-icon {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
width: 16px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -168,6 +166,8 @@
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
|
padding-bottom: 15px;
|
||||||
|
border-bottom: 1px solid var(--modal-border-color);
|
||||||
|
|
||||||
.color-circle {
|
.color-circle {
|
||||||
width: 15px;
|
width: 15px;
|
||||||
@ -223,7 +223,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
margin-top: 10px;
|
margin-top: 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user