vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-05-16 21:50:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

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
3 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/features/lyrics/synchronized-lyrics.tsx
+1 -1
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;
} }
`; `;
src/renderer/features/lyrics/unsynchronized-lyrics.tsx
+1 -1
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;
} }
`; `;
src/renderer/features/player/components/full-screen-player.tsx
+2 -2
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;