mirror of
https://github.com/jeffvli/feishin.git
synced 2026-05-07 04:20:12 +02:00
Fix portrait mode detection (#582)
* Fix portrait mode detection * Revert changes done on playbar
This commit is contained in:
@@ -41,7 +41,7 @@ const SynchronizedLyricsContainer = styled.div<{ $gap: number }>`
|
||||
transparent 95%
|
||||
);
|
||||
|
||||
@media screen and (width <= 768px) {
|
||||
@media screen and (orientation: portrait) {
|
||||
padding: 5vh 0;
|
||||
}
|
||||
`;
|
||||
|
||||
@@ -34,7 +34,7 @@ const UnsynchronizedLyricsContainer = styled.div<{ $gap: number }>`
|
||||
transparent 95%
|
||||
);
|
||||
|
||||
@media screen and (width <= 768px) {
|
||||
@media screen and (orientation: portrait) {
|
||||
padding: 5vh 0;
|
||||
}
|
||||
`;
|
||||
|
||||
@@ -39,7 +39,7 @@ const Container = styled(motion.div)`
|
||||
justify-content: center;
|
||||
padding: 2rem;
|
||||
|
||||
@media screen and (width <= 768px) {
|
||||
@media screen and (orientation: portrait) {
|
||||
padding: 2rem 2rem 1rem;
|
||||
}
|
||||
`;
|
||||
@@ -53,7 +53,7 @@ const ResponsiveContainer = styled.div`
|
||||
max-width: 2560px;
|
||||
margin-top: 5rem;
|
||||
|
||||
@media screen and (width <= 768px) {
|
||||
@media screen and (orientation: portrait) {
|
||||
grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
margin-top: 0;
|
||||
|
||||
Reference in New Issue
Block a user