Add label list panel

This commit is contained in:
2022-03-09 14:00:19 +08:00
parent 97202fe976
commit c86a856a32
9 changed files with 87 additions and 20 deletions
+18
View File
@@ -0,0 +1,18 @@
div.label-list-command-bar {
width: 100%;
height: 30px;
flex-shrink: 0;
display: flex;
div.command-item {
width: 30px;
height: 100%;
display: flex;
flex-shrink: 0;
justify-content: center;
align-items: center;
user-select: none;
cursor: pointer;
}
}
+16
View File
@@ -0,0 +1,16 @@
import { Theme } from "@Component/Theme/Theme";
import { Component } from "react";
import "./LabelList.scss";
interface ILabelListProps {
}
class LabelList extends Component<ILabelListProps> {
public render() {
return <Theme>LabelList</Theme>
}
}
export { LabelList };
@@ -0,0 +1,23 @@
import { BackgroundLevel, FontLevel, Theme } from "@Component/Theme/Theme";
import { Icon } from "@fluentui/react";
import { Component } from "react";
import "./LabelList.scss";
interface ILabelListCommandProps {}
class LabelListCommand extends Component<ILabelListCommandProps> {
public render() {
return <Theme
className="label-list-command-bar"
backgroundLevel={BackgroundLevel.Level4}
fontLevel={FontLevel.normal}
>
<div className="command-item">
<Icon iconName="Tag"></Icon>
</div>
</Theme>
}
}
export { LabelListCommand };