muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 04:46:40 +07:00
Code Packages Activity Actions

editor layout

Browse source
This commit is contained in:
muerwre 2019-07-30 04:41:24 +07:00
parent 6efc2a8ee1
commit bc19fedf6a
4 changed files with 8 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/containers/Card/styles.scss
View file

@ -1,5 +1,5 @@
.card { .card {
background-color: #111111; background-color: $card_bg;
border-radius: $panel_radius; border-radius: $panel_radius;
padding: $gap; padding: $gap;

11
src/containers/examples/EditorExample/index.tsx
View file

@ -19,7 +19,7 @@ const EditorExample: FC<IProps> = () => (
<Card className={styles.wrap} seamless> <Card className={styles.wrap} seamless>
<Group horizontal className={styles.group} seamless> <Group horizontal className={styles.group} seamless>
<div className={styles.editor}> <div className={styles.editor}>
<Panel className={styles.editor_panel}> <Panel>
<TextInput onChange={console.log} label="Название" /> <TextInput onChange={console.log} label="Название" />
</Panel> </Panel>
@ -36,10 +36,6 @@ const EditorExample: FC<IProps> = () => (
</div> </div>
<div className={styles.panel}> <div className={styles.panel}>
<Panel>
<TextInput onChange={console.log} label="Название" />
</Panel>
<Panel className={styles.panel_main}> <Panel className={styles.panel_main}>
<Group> <Group>
<Tags <Tags
@ -52,11 +48,14 @@ const EditorExample: FC<IProps> = () => (
]} ]}
/> />
<Filler /> <Card className={styles.feature_card}>Layout setup</Card>
<Card className={styles.feature_card}>Cover changer</Card> <Card className={styles.feature_card}>Cover changer</Card>
<Card className={styles.feature_card}>Track</Card> <Card className={styles.feature_card}>Track</Card>
<Filler />
</Group> </Group>
</Panel> </Panel>

1
src/containers/examples/EditorExample/styles.scss
View file

@ -49,6 +49,7 @@
.feature_card { .feature_card {
height: 100px; height: 100px;
background: darken($main_bg_color, 3%);
} }
.panel_main { .panel_main {

1
src/styles/colors.scss
View file

@ -23,6 +23,7 @@ $content_bg: darken($main_bg_color, 4%);
$content_bg_secondary: darken($content_bg, 3%); $content_bg_secondary: darken($content_bg, 3%);
$cell_bg: lighten($main_bg_color, 0%); $cell_bg: lighten($main_bg_color, 0%);
$card_bg: lighten($main_bg_color, 0%);
$text_normal: 16px; $text_normal: 16px;
$text_small: 14px; $text_small: 14px;