diff options
Diffstat (limited to 'src/css/index.css')
-rw-r--r-- | src/css/index.css | 13 |
1 files changed, 8 insertions, 5 deletions
diff --git a/src/css/index.css b/src/css/index.css index a17ecce..221ee69 100644 --- a/src/css/index.css +++ b/src/css/index.css | |||
@@ -12,7 +12,7 @@ body { | |||
12 | width: 100%; | 12 | width: 100%; |
13 | height: 100vh; | 13 | height: 100vh; |
14 | 14 | ||
15 | &[data-mode="editing"] { | 15 | &[data-mode='editing'] { |
16 | display: flex; | 16 | display: flex; |
17 | align-items: stretch; | 17 | align-items: stretch; |
18 | gap: 0.5em; | 18 | gap: 0.5em; |
@@ -51,8 +51,9 @@ body { | |||
51 | display: flex; | 51 | display: flex; |
52 | box-sizing: border-box; | 52 | box-sizing: border-box; |
53 | flex-direction: column; | 53 | flex-direction: column; |
54 | height: 100%; | ||
55 | align-items: stretch; | 54 | align-items: stretch; |
55 | |||
56 | height: 100%; | ||
56 | gap: 0.5em; | 57 | gap: 0.5em; |
57 | 58 | ||
58 | .CodeMirror { | 59 | .CodeMirror { |
@@ -123,14 +124,15 @@ body { | |||
123 | 124 | ||
124 | .container__suggestion { | 125 | .container__suggestion { |
125 | display: flex; | 126 | display: flex; |
127 | justify-content: space-between; | ||
128 | align-items: center; | ||
129 | |||
126 | overflow: hidden; | 130 | overflow: hidden; |
127 | height: fit-content; | 131 | height: fit-content; |
128 | 132 | ||
129 | cursor: pointer; | 133 | cursor: pointer; |
130 | justify-content: space-between; | ||
131 | min-height: 2rem; | 134 | min-height: 2rem; |
132 | white-space: nowrap; | 135 | white-space: nowrap; |
133 | align-items: center; | ||
134 | 136 | ||
135 | &:not(:first-child) { | 137 | &:not(:first-child) { |
136 | border-top: 1px solid rgb(203 213 225); | 138 | border-top: 1px solid rgb(203 213 225); |
@@ -165,12 +167,13 @@ body { | |||
165 | 167 | ||
166 | .menu-item { | 168 | .menu-item { |
167 | display: flex; | 169 | display: flex; |
170 | justify-content: space-between; | ||
171 | |||
168 | padding: 0.5rem; | 172 | padding: 0.5rem; |
169 | 173 | ||
170 | z-index: 9999; | 174 | z-index: 9999; |
171 | 175 | ||
172 | cursor: pointer; | 176 | cursor: pointer; |
173 | justify-content: space-between; | ||
174 | 177 | ||
175 | &:hover { | 178 | &:hover { |
176 | background: rgb(226 232 240); | 179 | background: rgb(226 232 240); |