diff --git a/src/components/flow/Cell/styles.scss b/src/components/flow/Cell/styles.scss index cc436516..d2173654 100644 --- a/src/components/flow/Cell/styles.scss +++ b/src/components/flow/Cell/styles.scss @@ -4,7 +4,7 @@ display: flex; flex: 0 0; background: $cell_bg; - border-radius: 4px; + border-radius: $cell_radius; position: relative; &:global(.is_hero) { @@ -12,6 +12,7 @@ font-size: 48px; } } + @include outer_shadow(); } diff --git a/src/components/flow/TestGrid/index.tsx b/src/components/flow/TestGrid/index.tsx index 6696f5b8..3f0f7000 100644 --- a/src/components/flow/TestGrid/index.tsx +++ b/src/components/flow/TestGrid/index.tsx @@ -29,7 +29,7 @@ export const TestGrid = () => ( )) } diff --git a/src/components/main/SidePane/styles.scss b/src/components/main/SidePane/styles.scss index 6f129f53..703be087 100644 --- a/src/components/main/SidePane/styles.scss +++ b/src/components/main/SidePane/styles.scss @@ -12,32 +12,43 @@ .group { width: 54px; - border-radius: 4px; + border-radius: $panel_radius; margin: ($gap / 2) 0; background: #191919; box-sizing: border-box; - box-shadow: #111111 0 0 0 1px; + box-shadow: #222222 0 0 0 1px; &:global(.logo) { color: white; height: (54px * 1.5) + $gap / 2; - //background: url('http://vault48.org/pixmaps/logo.png') no-repeat -20px -40px #191919; background: white; - // #c1543d background-size: 140px; font-weight: 600; - font-family: Raleway; font-size: 14px; text-align: center; padding-top: 66px; box-shadow: inset #111111 0 -1px, inset #222222 0 1px; } + + .btn { + border-radius: 0; + + &:first-child { + border-top-left-radius: $panel_radius; + border-top-right-radius: $panel_radius; + } + + &:last-child { + border-bottom-left-radius: $panel_radius; + border-bottom-right-radius: $panel_radius; + } + } } .btn { height: 54px; box-shadow: inset #111111 0 -1px, inset #222222 0 1px; - border-radius: 4px; + border-radius: $panel_radius; } .flexy { diff --git a/src/containers/main/MainLayout/styles.scss b/src/containers/main/MainLayout/styles.scss index 32665dba..a8642bbd 100644 --- a/src/containers/main/MainLayout/styles.scss +++ b/src/containers/main/MainLayout/styles.scss @@ -1,6 +1,6 @@ .wrapper { width: 100%; - padding: $gap $gap 0 74px; + padding: $gap $gap $gap 74px; display: flex; align-items: flex-start; justify-content: center; diff --git a/src/styles/variables.scss b/src/styles/variables.scss index faff35e6..077c0d9a 100644 --- a/src/styles/variables.scss +++ b/src/styles/variables.scss @@ -4,7 +4,9 @@ $cell: 256px; $content_width: $cell * 4; $gap: 10px; $spc: $gap * 2; -$panel_radius: 1px; + +$cell_radius: 4px; +$panel_radius: 4px; $grid_line: 4px;