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

image example

Browse source
This commit is contained in:
muerwre 2019-07-26 18:33:54 +07:00
parent 2a6604afaf
commit 9a56b1b9a5
5 changed files with 30 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/main/SidePane/styles.scss
View file

@ -14,7 +14,7 @@
width: 54px; width: 54px;
border-radius: $panel_radius; border-radius: $panel_radius;
margin: ($gap / 2) 0; margin: ($gap / 2) 0;
background: #191919; background: $panel_bg;
box-sizing: border-box; box-sizing: border-box;
&:global(.logo) { &:global(.logo) {

2
src/components/node/Comment/styles.scss
View file

@ -1,5 +1,5 @@
.wrap { .wrap {
background: #191919; background: $comment_bg;
min-height: 200px; min-height: 200px;
display: flex; display: flex;
} }

8
src/containers/examples/ImageExample/index.tsx
View file

@ -9,9 +9,13 @@ import { Comment } from "~/components/node/Comment";
interface IProps {} interface IProps {}
const ImageExample: FC<IProps> = () => ( const ImageExample: FC<IProps> = () => (
<Card> <Card className={styles.node}>
<Group> <Group>
<div className={styles.image_container} /> <div
className={styles.image_container}
>
<img className={styles.image} src="http://37.192.131.144/full/photos/photo-20120702-99383.jpg" />
</div>
<Padder horizontal> <Padder horizontal>
<Group horizontal> <Group horizontal>

19
src/containers/examples/ImageExample/styles.scss
View file

@ -1,7 +1,14 @@
.image_container { .image_container {
width: 100%; width: 100%;
height: 600px; background: $node_image_bg;
background: #131313; border-radius: $panel_radius 0 0 $panel_radius;
display: flex;
align-items: center;
justify-content: center;
.image {
max-height: 800px;
}
} }
.comments { .comments {
@ -11,3 +18,11 @@
.panel { .panel {
flex: 1 3; flex: 1 3;
} }
.node {
background: $node_bg;
}
.image {
background: red;
}

5
src/styles/colors.scss
View file

@ -20,3 +20,8 @@ $text_sign: 22px;
$input_bg_color: transparentize(black, 0.8); $input_bg_color: transparentize(black, 0.8);
$button_bg_color: #ff3344; $button_bg_color: #ff3344;
$comment_bg: #191919;
$panel_bg: #191919;
$node_bg: #111111;
$node_image_bg: #131313;