move widgets to left, fix some paddings

This commit is contained in:
sawka 2024-08-09 11:49:10 -07:00
parent 2e7c52a880
commit 5e1da4805f
3 changed files with 5 additions and 3 deletions

View File

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

View File

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

View File

@ -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 />
</> </>
)} )}