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

Add dock-tabs.module.scss

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2022-03-14 11:34:55 +03:00
parent 822500dc21
commit 1b2c866b45
4 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/renderer/components/dock/dock-tab.module.css → src/renderer/components/dock/dock-tab.module.scss
View File

@ -6,10 +6,7 @@
.DockTab {
padding: var(--padding);
height: 32px;
margin-top: 3px;
margin-bottom: 3px;
margin-right: 4px;
border-radius: 3px;
position: relative;
background: no-repeat left 50% linear-gradient(0deg, #43424d, #43424d);
background-size: 1px 3ch;
@ -25,6 +22,7 @@
&:global(.active) {
background-color: hsl(245deg 8% 28%);
background-image: none;
border-bottom: 2px solid var(--primary);
.close {
opacity: 1;

2
src/renderer/components/dock/dock-tab.tsx
View File

@ -3,7 +3,7 @@
* Licensed under MIT License. See LICENSE in root directory for more information.
*/
import styles from "./dock-tab.module.css";
import styles from "./dock-tab.module.scss";
import React from "react";
import { observer } from "mobx-react";

8
src/renderer/components/dock/dock-tabs.module.scss Normal file
View File

@ -0,0 +1,8 @@
/**
* Copyright (c) OpenLens Authors. All rights reserved.
* Licensed under MIT License. See LICENSE in root directory for more information.
*/
.dockTabs {
display: flex;
}

4
src/renderer/components/dock/dock-tabs.tsx
View File

@ -3,6 +3,8 @@
* Licensed under MIT License. See LICENSE in root directory for more information.
*/
import styles from "./dock-tabs.module.scss";
import React, { Fragment } from "react";
import { Icon } from "../icon";
import { Tabs } from "../tabs/tabs";
@ -39,7 +41,7 @@ export const DockTabs = ({ tabs, autoFocus, selectedTab, onChangeTab }: DockTabs
};
return (
<div className={"tabs-wrapper flex gaps align-center"}>
<div className={styles.dockTabs}>
<div>
<Tabs
className="DockTabs"