mirror of
https://github.com/wavetermdev/waveterm.git
synced 2024-12-22 16:48:23 +01:00
move widgets to left, fix some paddings
This commit is contained in:
parent
2e7c52a880
commit
5e1da4805f
@ -11,7 +11,7 @@
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 3px;
|
padding: 3px 3px 3px 0;
|
||||||
|
|
||||||
.block-container {
|
.block-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -20,6 +20,7 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
width: 50px;
|
width: 50px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
padding-top: 4px;
|
||||||
|
|
||||||
.widget {
|
.widget {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -27,10 +28,11 @@
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 8px 2px 8px 0;
|
padding: 8px 2px 8px 2px;
|
||||||
color: var(--secondary-text-color);
|
color: var(--secondary-text-color);
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
border-radius: 4px;
|
||||||
|
|
||||||
&:hover:not(.no-hover) {
|
&:hover:not(.no-hover) {
|
||||||
background-color: var(--highlight-bg-color);
|
background-color: var(--highlight-bg-color);
|
||||||
|
@ -116,8 +116,8 @@ const WorkspaceElem = React.memo(() => {
|
|||||||
<CenteredDiv>No Active Tab</CenteredDiv>
|
<CenteredDiv>No Active Tab</CenteredDiv>
|
||||||
) : (
|
) : (
|
||||||
<>
|
<>
|
||||||
<TabContent key={activeTabId} tabId={activeTabId} />
|
|
||||||
<Widgets />
|
<Widgets />
|
||||||
|
<TabContent key={activeTabId} tabId={activeTabId} />
|
||||||
<ModalsRenderer />
|
<ModalsRenderer />
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
|
Loading…
Reference in New Issue
Block a user