diff --git a/src/components/flow/FlowStamp/index.tsx b/src/components/flow/FlowStamp/index.tsx index fe8fcf6d..997d8262 100644 --- a/src/components/flow/FlowStamp/index.tsx +++ b/src/components/flow/FlowStamp/index.tsx @@ -76,9 +76,9 @@ const FlowStamp: FC = ({ /> -
- {searchText ? ( - <> + {searchText ? ( +
+
Результаты поиска @@ -92,20 +92,20 @@ const FlowStamp: FC = ({ onLoadMore={onSearchLoadMore} />
- - ) : ( - <> -
- Что нового? - -
+
+
+ ) : ( +
+
+ Что нового? + +
-
- -
- - )} -
+
+ +
+
+ )} {experimentalFeatures.liquidFlow && ( diff --git a/src/components/flow/FlowStamp/styles.module.scss b/src/components/flow/FlowStamp/styles.module.scss index d7c061d4..5ec4a613 100644 --- a/src/components/flow/FlowStamp/styles.module.scss +++ b/src/components/flow/FlowStamp/styles.module.scss @@ -4,19 +4,19 @@ display: flex; flex-direction: column; width: 100%; - background: lighten($content_bg, 4%); border-radius: $radius; } .grid { + @include outer_shadow(); display: flex; justify-content: stretch; flex-direction: column; flex: 1; border-radius: $radius; - overflow: hidden; position: relative; background: $content_bg; + overflow: hidden; &::after { content: ''; @@ -28,9 +28,11 @@ background: linear-gradient(transparentize($content_bg, 1), $content_bg 90%); pointer-events: none; touch-action: none; - } - @include outer_shadow(); + @include tablet { + display: none; + } + } } .items { @@ -69,12 +71,12 @@ } .search { - background: lighten($content_bg, 3%); - border-radius: $radius $radius 0 0; - padding: $gap; - @include outer_shadow(); + background: lighten($content_bg, 3%); + padding: $gap; + border-radius: $radius; + :global(.input_title) { color: lighten($content_bg, 10%); } @@ -123,3 +125,9 @@ display: none; } } + +.search_results { + @include tablet { + margin-top: $gap; + } +} \ No newline at end of file diff --git a/src/components/main/Header/styles.module.scss b/src/components/main/Header/styles.module.scss index b8202d72..6aecfa5e 100644 --- a/src/components/main/Header/styles.module.scss +++ b/src/components/main/Header/styles.module.scss @@ -23,13 +23,17 @@ } .container { + @include container; + display: flex; align-items: center; justify-content: flex-end; font-weight: 500; box-sizing: border-box; - @include container; + @include tablet { + padding: 0 $gap; + } } .spacer { @@ -116,9 +120,8 @@ background: lighten($wisegreen, 10%); } - @include tablet { - padding: $gap; + padding: 0 $gap * 2 0 0; &.notifications { flex: 1; diff --git a/src/containers/lab/LabGrid/styles.module.scss b/src/containers/lab/LabGrid/styles.module.scss index e407eb74..4e668c59 100644 --- a/src/containers/lab/LabGrid/styles.module.scss +++ b/src/containers/lab/LabGrid/styles.module.scss @@ -4,6 +4,10 @@ div.wrap { display: flex; width: 100%; margin-right: 0; + + @include tablet { + padding: 0 $gap / 2; + } } .column { diff --git a/src/layouts/BorisLayout/styles.module.scss b/src/layouts/BorisLayout/styles.module.scss index d89fd894..69c897dc 100644 --- a/src/layouts/BorisLayout/styles.module.scss +++ b/src/layouts/BorisLayout/styles.module.scss @@ -126,6 +126,10 @@ padding: $gap; box-sizing: border-box; flex: 0 0 auto; + + @include tablet { + border-radius: 0; + } } &__title { @@ -154,6 +158,10 @@ position: relative; z-index: 1; flex: 3; + + @include tablet { + border-radius: 0; + } } .super_powers { diff --git a/src/layouts/FlowLayout/styles.module.scss b/src/layouts/FlowLayout/styles.module.scss index 5578aff7..25e91953 100644 --- a/src/layouts/FlowLayout/styles.module.scss +++ b/src/layouts/FlowLayout/styles.module.scss @@ -11,6 +11,10 @@ $cols: $content_width / $cell; .container { @include container; + + @include tablet { + padding: 0 $gap; + } } .grid { diff --git a/src/layouts/NodeLayout/styles.module.scss b/src/layouts/NodeLayout/styles.module.scss index 0f154993..14afb3db 100644 --- a/src/layouts/NodeLayout/styles.module.scss +++ b/src/layouts/NodeLayout/styles.module.scss @@ -41,3 +41,9 @@ align-items: flex-end; justify-content: stretch; } + +.node { + @include tablet { + border-radius: 0; + } +} \ No newline at end of file diff --git a/src/styles/variables.scss b/src/styles/variables.scss index 2000e635..0049b0e0 100644 --- a/src/styles/variables.scss +++ b/src/styles/variables.scss @@ -328,7 +328,7 @@ $sidebar_border: transparentize(white, 0.95); padding-right: $gap * 4; @include tablet { - padding-left: $gap; - padding-right: $gap; + padding-left: 0; + padding-right: 0; } } \ No newline at end of file