0ct0pu5/ente
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[web] Fix CSS alignment issue on gallery page (#1438)

Browse source 
## Description
Ran ente.io locally on PC and found a CSS-alignment issue on the
`http://localhost:3000/gallery` page.
The alignment issue was found when it was locally hosted and found when
'/gallery' was in an empty state.
The line - "Welcome to" followed by the image of 'ente' was not aligned.
It was fixed by adding the following line `vertical-align: middle;` to
the styled component.

> Please find below images showing the off-alignment and the rectified
image.

> Thank you ! to the team for considering

## Tests
### Before
![Screenshot 2024-04-14
115356](https://github.com/ente-io/ente/assets/82031202/d733a8b3-702f-41df-9480-9692db6b8e86)
### After
![Screenshot 2024-04-14
115433](https://github.com/ente-io/ente/assets/82031202/0c5acc8e-0107-4b00-b7e0-d26a4369ed19)
This commit is contained in:
Manav Rathi 2024-04-14 19:01:44 +05:30 • committed by GitHub
commit 1232c74b8b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 2 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
web/packages/shared/components/EnteLogo.tsx
View file

@ -3,6 +3,7 @@ import { styled } from "@mui/material";
const LogoImage = styled("img")`
margin: 3px 0;
pointer-events: none;
vertical-align: middle;
`;
export function EnteLogo(props) {

2
web/yarn.lock
View file

@ -3316,7 +3316,7 @@ libsodium-wrappers@0.7.9:
dependencies:
libsodium "^0.7.0"
libsodium@^0.7.0:
libsodium@0.7.9, libsodium@^0.7.0:
version "0.7.9"
resolved "https://registry.yarnpkg.com/libsodium/-/libsodium-0.7.9.tgz#4bb7bcbf662ddd920d8795c227ae25bbbfa3821b"
integrity sha512-gfeADtR4D/CM0oRUviKBViMGXZDgnFdMKMzHsvBdqLBHd9ySi6EtYnmuhHVDDYgYpAO8eU8hEY+F8vIUAPh08A==