Jelajahi Sumber

refactor(EditSong): Positioning tweaks

Owen Diffey 2 tahun lalu
induk
melakukan
18b93889a0
1 mengubah file dengan 23 tambahan dan 3 penghapusan
  1. 23 3
      frontend/src/components/modals/EditSong/index.vue

+ 23 - 3
frontend/src/components/modals/EditSong/index.vue

@@ -2009,7 +2009,6 @@ export default {
 }
 
 .left-section {
-	flex-basis: unset !important;
 	height: 100%;
 	display: flex;
 	flex-direction: column;
@@ -2232,9 +2231,10 @@ export default {
 	}
 
 	.edit-section {
-		width: 735px;
+		display: flex;
+		flex-wrap: wrap;
+		flex-grow: 1;
 		border: 1px solid var(--light-grey-3);
-		flex: 1;
 		margin-top: 16px;
 		border-radius: @border-radius;
 
@@ -2453,6 +2453,26 @@ export default {
 	}
 }
 
+@media screen and (max-width: 1100px) {
+	.left-section,
+	.right-section {
+		height: unset;
+		max-height: unset;
+	}
+
+	.left-section {
+		margin-right: 0;
+	}
+
+	.right-section {
+		flex-basis: 100% !important;
+
+		#tabs-container {
+			width: 100%;
+		}
+	}
+}
+
 .modal-card-foot .is-primary {
 	width: 200px;
 }