refactor breakpoint styles

culdo · Dec 27, 2024 · dd7996c · dd7996c
1 parent 5adea83
commit dd7996c
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 6 deletions.
diff --git a/app/components/control-bar/audio-player/styles.module.css b/app/components/control-bar/audio-player/styles.module.css
@@ -1,6 +1,6 @@
 .player {
 	position: absolute;
-	width: 80%;
+	width: 50%;
 	left: 0; 
 	right: 0; 
 	margin-left: auto; 
@@ -10,8 +10,8 @@
 	opacity: 0;
 }
 
-@media only screen and (min-width: 1000px) {
+@media only screen and (max-width: 1000px) {
 	.player {
-		width: 50%;
+		width: 80%;
 	}
 }
diff --git a/app/components/control-bar/fullscreen-button/styles.module.css b/app/components/control-bar/fullscreen-button/styles.module.css
@@ -1,6 +1,6 @@
 .fsBtn {
 	position: fixed;
-	bottom: 75px;
+	bottom: 25px;
 	right: 25px;
 
 	padding: 12px;
@@ -15,9 +15,9 @@
 	box-shadow: 0 0 4px rgba(0, 0, 0, .15);
 }
 
-@media only screen and (min-width: 760px) {
+@media only screen and (max-width: 760px) {
 	.fsBtn {
-		bottom: 25px;
+		bottom: 75px;
 	}
 }
 

diff --git a/app/components/panel/styles.module.css b/app/components/panel/styles.module.css
@@ -0,0 +1,6 @@
+@media only screen and (max-width: 1000px) {
+	.levaContainer > div {
+		transform-origin: top right;
+		transform: scale(0.7);
+	}
+}