diff options
author | niu tech <jerzyglowacki@gmail.com> | 2021-11-12 23:52:58 +0100 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-11-13 04:22:58 +0530 |
commit | ad17ec5ccad3ceffd383f228d4529438b5a3b9a6 (patch) | |
tree | f8cb939e8a1ae8d24126d37dfcd7e4b00c85eba0 /src/styles/services.scss | |
parent | New Crowdin updates (#2219) (diff) | |
download | ferdium-app-ad17ec5ccad3ceffd383f228d4529438b5a3b9a6.tar.gz ferdium-app-ad17ec5ccad3ceffd383f228d4529438b5a3b9a6.tar.zst ferdium-app-ad17ec5ccad3ceffd383f228d4529438b5a3b9a6.zip |
Adjust number of columns for Split Mode (#2208)
Co-authored-by: Vijay A <vraravam@users.noreply.github.com>
Diffstat (limited to 'src/styles/services.scss')
-rw-r--r-- | src/styles/services.scss | 38 |
1 files changed, 26 insertions, 12 deletions
diff --git a/src/styles/services.scss b/src/styles/services.scss index dd053e93d..cedfcbdd1 100644 --- a/src/styles/services.scss +++ b/src/styles/services.scss | |||
@@ -18,21 +18,35 @@ | |||
18 | } | 18 | } |
19 | } | 19 | } |
20 | 20 | ||
21 | .mode__split .services { | 21 | .mode__split { |
22 | display: flex; | 22 | .services { |
23 | overflow: visible; | 23 | display: flex; |
24 | 24 | overflow: visible; | |
25 | .services__webview { | ||
26 | position: relative; | ||
27 | flex: 1 0 50%; | ||
28 | 25 | ||
29 | @media (min-width: 1280px) { | 26 | .services__webview { |
30 | flex-basis: 33.33%; | 27 | position: relative; |
28 | flex: 1 0 33.33%; | ||
31 | } | 29 | } |
30 | } | ||
32 | 31 | ||
33 | @media (min-width: 2048px) { | 32 | &[data-columns="1"] .services .services__webview { |
34 | flex-basis: 25%; | 33 | flex-basis: 100%; |
35 | } | 34 | } |
35 | |||
36 | &[data-columns="2"] .services .services__webview { | ||
37 | flex-basis: 50%; | ||
38 | } | ||
39 | |||
40 | &[data-columns="3"] .services .services__webview { | ||
41 | flex-basis: 33.33%; | ||
42 | } | ||
43 | |||
44 | &[data-columns="4"] .services .services__webview { | ||
45 | flex-basis: 25%; | ||
46 | } | ||
47 | |||
48 | &[data-columns="5"] .services .services__webview { | ||
49 | flex-basis: 20%; | ||
36 | } | 50 | } |
37 | } | 51 | } |
38 | 52 | ||