hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Restyle sidebar tabs a bit

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2022-01-10 08:13:13 +03:00
parent 2213de5b20
commit 8cea4831e3
2 changed files with 3 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/renderer/components/+entity-settings/entity-settings.tsx
View File

@ -110,7 +110,7 @@ export class EntitySettings extends React.Component<Props> {
<Tabs className="flex column" scrollable={false} onChange={this.onTabChange} value={this.activeTab}> <Tabs className="flex column" scrollable={false} onChange={this.onTabChange} value={this.activeTab}>
{ groups.map((group, groupIndex) => ( { groups.map((group, groupIndex) => (
<React.Fragment key={`group-${groupIndex}`}> <React.Fragment key={`group-${groupIndex}`}>
<hr/> {groupIndex > 0 && <hr/>}
<div className="header">{group[0]}</div> <div className="header">{group[0]}</div>
{ group[1].map((setting, index) => ( { group[1].map((setting, index) => (
<Tab <Tab

13
src/renderer/components/layout/setting-layout.scss
View File

@ -50,7 +50,7 @@
.sidebar { .sidebar {
width: 218px; width: 218px;
padding: 60px 0 60px 20px; padding: 60px 10px 60px 20px;
h2 { h2 {
font-size: 15px; font-size: 15px;
@ -68,10 +68,6 @@
margin-right: 20px; margin-right: 20px;
height: 1px; height: 1px;
border-top: thin solid var(--hrColor); border-top: thin solid var(--hrColor);
&:first-child {
display: none;
}
} }
.Tabs { .Tabs {
@ -79,7 +75,6 @@
padding: 6px 10px; padding: 6px 10px;
font-size: 13px; font-size: 13px;
font-weight: 800; font-weight: 800;
line-height: 16px;
text-transform: uppercase; text-transform: uppercase;
color: var(--textColorPrimary); color: var(--textColorPrimary);
@ -92,14 +87,10 @@
padding: 6px 10px; padding: 6px 10px;
margin-bottom: 2px; margin-bottom: 2px;
border-radius: 4px; border-radius: 4px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 15px; font-size: 15px;
line-height: 20px; line-height: 20px;
cursor: pointer; cursor: pointer;
border-top-right-radius: 0; white-space: normal;
border-bottom-right-radius: 0;
&::after { &::after {
content: none; content: none;