Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-01-06 20:40:08 -05:00
Code Issues Activity

style(ui): adjust headline style (#1469)

Browse source 
adjust headline style with max 2 lines
This commit is contained in:
simeng-li 2022-07-08 16:57:21 +08:00 committed by GitHub
parent 8e85a115ec
commit 15aa0b2bfb
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
packages/ui/src/components/BrandingHeader/index.module.scss
View file

@ -13,7 +13,6 @@ $logo-height: 60px;
@include _.image-align-center; @include _.image-align-center;
} }
:global(body.mobile) { :global(body.mobile) {
.container { .container {
height: 15vh; height: 15vh;
@ -31,10 +30,9 @@ $logo-height: 60px;
} }
} }
:global(body.desktop) { :global(body.desktop) {
.container { .container {
height: 96px; min-height: 96px;
} }
.logo:not(:last-child) { .logo:not(:last-child) {
@ -44,5 +42,12 @@ $logo-height: 60px;
.headline { .headline {
font: var(--font-title-small); font: var(--font-title-small);
color: var(--color-text); color: var(--color-text);
text-align: center;
text-overflow: ellipsis;
/* stylelint-disable-next-line value-no-vendor-prefix */
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
} }
} }