Showing
2 changed files
with
12 additions
and
4 deletions
@@ -75,6 +75,7 @@ export default { | @@ -75,6 +75,7 @@ export default { | ||
75 | color: #fff; | 75 | color: #fff; |
76 | overflow: hidden; | 76 | overflow: hidden; |
77 | display: flex; | 77 | display: flex; |
78 | + align-items: stretch; | ||
78 | 79 | ||
79 | &.theme-white { | 80 | &.theme-white { |
80 | background-color: #fff; | 81 | background-color: #fff; |
@@ -87,6 +88,10 @@ export default { | @@ -87,6 +88,10 @@ export default { | ||
87 | color: #fff; | 88 | color: #fff; |
88 | } | 89 | } |
89 | 90 | ||
91 | + > * { | ||
92 | + position: relative; | ||
93 | + } | ||
94 | + | ||
90 | .flex { | 95 | .flex { |
91 | display: flex; | 96 | display: flex; |
92 | align-items: center; | 97 | align-items: center; |
@@ -311,9 +311,11 @@ | @@ -311,9 +311,11 @@ | ||
311 | } | 311 | } |
312 | 312 | ||
313 | .header-author { | 313 | .header-author { |
314 | - width: 100%; | ||
315 | - height: 100%; | ||
316 | - position: relative; | 314 | + position: absolute; |
315 | + left: 0; | ||
316 | + right: 0; | ||
317 | + top: 0; | ||
318 | + bottom: 0; | ||
317 | 319 | ||
318 | .flex { | 320 | .flex { |
319 | height: 100%; | 321 | height: 100%; |
@@ -402,11 +404,12 @@ | @@ -402,11 +404,12 @@ | ||
402 | 404 | ||
403 | .name { | 405 | .name { |
404 | position: absolute; | 406 | position: absolute; |
405 | - word-break: keep-all; | ||
406 | font-size: 20px; | 407 | font-size: 20px; |
407 | font-weight: 300; | 408 | font-weight: 300; |
408 | color: #9b9b9b; | 409 | color: #9b9b9b; |
409 | margin-left: 50%; | 410 | margin-left: 50%; |
411 | + word-break: keep-all; | ||
412 | + white-space: nowrap; | ||
410 | 413 | ||
411 | > * { | 414 | > * { |
412 | position: relative; | 415 | position: relative; |
-
Please register or login to post a comment