pogmommy/feishin
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix portrait mode detection (#582)

Browse source 
* Fix portrait mode detection

* Revert changes done on playbar
This commit is contained in:
Kaydax 2024-04-17 02:21:49 -04:00 • committed by GitHub
parent ec69cc22f9
commit 04b4d92f69
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/renderer/features/lyrics/synchronized-lyrics.tsx
View file

@ -41,7 +41,7 @@ const SynchronizedLyricsContainer = styled.div<{ $gap: number }>`
transparent 95% transparent 95%
); );
@media screen and (width <= 768px) { @media screen and (orientation: portrait) {
padding: 5vh 0; padding: 5vh 0;
} }
`; `;

2
src/renderer/features/lyrics/unsynchronized-lyrics.tsx
View file

@ -34,7 +34,7 @@ const UnsynchronizedLyricsContainer = styled.div<{ $gap: number }>`
transparent 95% transparent 95%
); );
@media screen and (width <= 768px) { @media screen and (orientation: portrait) {
padding: 5vh 0; padding: 5vh 0;
} }
`; `;

4
src/renderer/features/player/components/full-screen-player.tsx
View file

@ -39,7 +39,7 @@ const Container = styled(motion.div)`
justify-content: center; justify-content: center;
padding: 2rem; padding: 2rem;
@media screen and (width <= 768px) { @media screen and (orientation: portrait) {
padding: 2rem 2rem 1rem; padding: 2rem 2rem 1rem;
} }
`; `;
@ -53,7 +53,7 @@ const ResponsiveContainer = styled.div`
max-width: 2560px; max-width: 2560px;
margin-top: 5rem; margin-top: 5rem;
@media screen and (width <= 768px) { @media screen and (orientation: portrait) {
grid-template-rows: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
grid-template-columns: minmax(0, 1fr); grid-template-columns: minmax(0, 1fr);
margin-top: 0; margin-top: 0;