Browse Source

fix(Station page): playlist tab only shows when logged in, tabs auto-fill width

Signed-off-by: Jonathan <theflametrooper@gmail.com>
Jonathan 4 years ago
parent
commit
52346aac48
1 changed files with 4 additions and 2 deletions
  1. 4 2
      frontend/src/pages/Station/components/Sidebar/index.vue

+ 4 - 2
frontend/src/pages/Station/components/Sidebar/index.vue

@@ -16,6 +16,7 @@
 				Users
 			</button>
 			<button
+				v-if="loggedIn"
 				class="button is-default"
 				:class="{ selected: tab === 'my-playlists' }"
 				@click="tab = 'my-playlists'"
@@ -45,7 +46,8 @@ export default {
 	},
 	computed: mapState({
 		users: state => state.station.users,
-		userCount: state => state.station.userCount
+		userCount: state => state.station.userCount,
+		loggedIn: state => state.user.auth.loggedIn
 	}),
 	methods: {
 		...mapActions("modals", ["openModal"])
@@ -70,9 +72,9 @@ export default {
 		border: 0;
 		text-transform: uppercase;
 		font-size: 17px;
-		width: calc(33.3% - 2.5px);
 		color: #222;
 		background-color: #ddd;
+		width: -webkit-fill-available;
 
 		&:not(:first-of-type) {
 			margin-left: 5px;