diff options
Diffstat (limited to 'src/styles')
-rw-r--r-- | src/styles/auth.scss | 2 | ||||
-rw-r--r-- | src/styles/layout.scss | 14 | ||||
-rw-r--r-- | src/styles/recipes.scss | 3 | ||||
-rw-r--r-- | src/styles/reset.scss | 3 | ||||
-rw-r--r-- | src/styles/settings.scss | 1 |
5 files changed, 15 insertions, 8 deletions
diff --git a/src/styles/auth.scss b/src/styles/auth.scss index 0a075036a..154a71a36 100644 --- a/src/styles/auth.scss +++ b/src/styles/auth.scss | |||
@@ -9,7 +9,7 @@ | |||
9 | } | 9 | } |
10 | 10 | ||
11 | .auth__logo.auth__logo--sm { | 11 | .auth__logo.auth__logo--sm { |
12 | border: 4px solid $dark-theme-black; | 12 | border: none; |
13 | box-shadow: 0 0 6px rgba($dark-theme-black, .5); | 13 | box-shadow: 0 0 6px rgba($dark-theme-black, .5); |
14 | } | 14 | } |
15 | 15 | ||
diff --git a/src/styles/layout.scss b/src/styles/layout.scss index e858b7904..10027da60 100644 --- a/src/styles/layout.scss +++ b/src/styles/layout.scss | |||
@@ -33,13 +33,19 @@ html { overflow: hidden; } | |||
33 | } | 33 | } |
34 | 34 | ||
35 | .app { | 35 | .app { |
36 | display: flex; | 36 | //display: flex; |
37 | flex-direction: column; | 37 | |
38 | .app__content { | ||
39 | display: flex; | ||
40 | width: calc(100% + 300px); | ||
41 | } | ||
38 | 42 | ||
39 | .app__content { display: flex; } | 43 | .app__main-content { |
44 | display: flex; | ||
45 | width: 100%; | ||
46 | } | ||
40 | 47 | ||
41 | .app__service { | 48 | .app__service { |
42 | position: relative; | ||
43 | display: flex; | 49 | display: flex; |
44 | flex: 1; | 50 | flex: 1; |
45 | flex-direction: column; | 51 | flex-direction: column; |
diff --git a/src/styles/recipes.scss b/src/styles/recipes.scss index 84222e1fe..5bdc60a57 100644 --- a/src/styles/recipes.scss +++ b/src/styles/recipes.scss | |||
@@ -2,6 +2,7 @@ | |||
2 | 2 | ||
3 | .theme__dark .recipe-teaser { | 3 | .theme__dark .recipe-teaser { |
4 | background-color: $dark-theme-gray-dark; | 4 | background-color: $dark-theme-gray-dark; |
5 | color: $dark-theme-text-color; | ||
5 | 6 | ||
6 | &:hover { background-color: $dark-theme-gray; } | 7 | &:hover { background-color: $dark-theme-gray; } |
7 | } | 8 | } |
@@ -12,7 +13,7 @@ | |||
12 | display: flex; | 13 | display: flex; |
13 | flex-flow: row wrap; | 14 | flex-flow: row wrap; |
14 | height: auto; | 15 | height: auto; |
15 | min-height: 70%; | 16 | // min-height: 70%; |
16 | 17 | ||
17 | &.recipes__list--disabled { | 18 | &.recipes__list--disabled { |
18 | filter: grayscale(100%); | 19 | filter: grayscale(100%); |
diff --git a/src/styles/reset.scss b/src/styles/reset.scss index 80328dcef..d87ce652a 100644 --- a/src/styles/reset.scss +++ b/src/styles/reset.scss | |||
@@ -51,7 +51,6 @@ button { | |||
51 | padding: 0; | 51 | padding: 0; |
52 | 52 | ||
53 | &:focus { outline: 0; } | 53 | &:focus { outline: 0; } |
54 | .theme__dark & { color: $dark-theme-gray-smoke; } | ||
55 | } | 54 | } |
56 | 55 | ||
57 | html { | 56 | html { |
@@ -64,7 +63,7 @@ body { | |||
64 | font-size: 1.4rem; | 63 | font-size: 1.4rem; |
65 | line-height: 1; | 64 | line-height: 1; |
66 | 65 | ||
67 | .theme__dark { color: $dark-theme-gray-smoke; } | 66 | &.theme__dark { color: $dark-theme-gray-smoke; } |
68 | } | 67 | } |
69 | 68 | ||
70 | * { | 69 | * { |
diff --git a/src/styles/settings.scss b/src/styles/settings.scss index 1baff8b54..0955aaa0c 100644 --- a/src/styles/settings.scss +++ b/src/styles/settings.scss | |||
@@ -360,6 +360,7 @@ | |||
360 | .account__subscription-button { margin-left: auto; } | 360 | .account__subscription-button { margin-left: auto; } |
361 | .franz-form__button { white-space: nowrap; } | 361 | .franz-form__button { white-space: nowrap; } |
362 | div { height: auto; } | 362 | div { height: auto; } |
363 | [data-type="franz-button"] div { height: 100% } | ||
363 | 364 | ||
364 | .invoices { | 365 | .invoices { |
365 | width: 100%; | 366 | width: 100%; |