Browse Source

fix(Admin): Advanced table overflowed horizontally on smaller screens

Owen Diffey 3 years ago
parent
commit
4fee95048d

+ 2 - 17
frontend/src/pages/Admin/index.vue

@@ -219,6 +219,7 @@ export default {
 	top: 102px !important;
 }
 
+.main-container .admin-tab,
 .main-container .container {
 	.button-row {
 		display: flex;
@@ -237,26 +238,10 @@ export default {
 	}
 }
 
-.main-container .admin-container {
+.main-container .admin-container .admin-tab {
 	max-width: 1900px;
 	margin: 0 auto;
 	padding: 0 10px;
-
-	.button-row {
-		display: flex;
-		flex-direction: row;
-		flex-wrap: wrap;
-		justify-content: center;
-		margin-bottom: 5px;
-
-		& > .button,
-		& > span {
-			margin: 5px 0;
-			&:not(:first-child) {
-				margin-left: 5px;
-			}
-		}
-	}
 }
 </style>
 

+ 1 - 8
frontend/src/pages/Admin/tabs/Songs.vue

@@ -1,15 +1,8 @@
 <template>
 	<div>
 		<page-metadata title="Admin | Songs" />
-		<div class="admin-container">
+		<div class="admin-tab">
 			<div class="button-row">
-				<button
-					v-if="!loadAllSongs"
-					class="button is-primary"
-					@click="loadAll()"
-				>
-					Load all sets
-				</button>
 				<button
 					class="button is-primary"
 					@click="toggleKeyboardShortcutsHelper"

+ 1 - 7
frontend/src/pages/Admin/tabs/Test.vue

@@ -1,7 +1,7 @@
 <template>
 	<div>
 		<page-metadata title="Admin | Test" />
-		<div class="admin-container">
+		<div class="admin-tab">
 			<advanced-table
 				:column-default="columnDefault"
 				:columns="columns"
@@ -321,12 +321,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.admin-container {
-	max-width: 1900px;
-	margin: 0 auto;
-	padding: 0 10px;
-}
-
 .song-thumbnail {
 	display: block;
 	max-width: 50px;