github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #16764 from overleaf/tm-website-redesign-org-logo-overflow

Browse source 
Set logo sizes to match design and fix overflowing, use flex-basis instead of grid

GitOrigin-RevId: dee9427f72502628d02210a3a75e028cda1b2905
This commit is contained in:
Thomas 2024-01-29 11:44:56 +01:00 committed by Copybot
parent 98f56f8adc
commit 10b6c63d38
1 changed files with 5 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
services/web/frontend/stylesheets/app/website-redesign.less
View file

@ -456,25 +456,21 @@
.organization-logos-container { .organization-logos-container {
display: flex; display: flex;
justify-content: space-evenly; justify-content: space-around;
height: 62px; align-items: center;
@media (max-width: @screen-md-max) { @media (max-width: @screen-md-max) {
display: grid; flex-wrap: wrap;
grid-template-columns: repeat(2, 1fr);
gap: 30px; gap: 30px;
justify-items: center;
height: unset;
} }
.organization-logo { .organization-logo {
object-fit: contain; object-fit: contain;
width: 100%; max-height: 62px;
height: 100%;
padding: 0 @padding-md;
@media (max-width: @screen-md-max) { @media (max-width: @screen-md-max) {
max-height: 40px; max-height: 40px;
flex-basis: 34%;
} }
} }
} }