Made the navbar not collapse on mobile.

This commit is contained in:
ArabCoders 2023-12-01 22:52:27 +03:00
parent e8029cd2db
commit fefeabf8fa
2 changed files with 30 additions and 2 deletions

View file

@ -95,7 +95,6 @@ onMounted(() => {
return;
}
toast.info('Download cleared: ' + completed[id]?.title);
delete completed[id];
});

View file

@ -1,5 +1,5 @@
<template>
<nav class="navbar is-dark">
<nav class="navbar is-mobile is-dark">
<div class="navbar-brand pl-5">
<a class="navbar-item" href="#">
<b>YTPTube</b>
@ -101,3 +101,32 @@ watch(selectedTheme, (value) => {
})
</script>
<style scoped>
.navbar-item {
display: flex;
}
.navbar,
.navbar-menu,
.navbar-start,
.navbar-end {
align-items: stretch;
display: flex;
padding: 0;
}
.navbar-menu {
flex-grow: 1;
flex-shrink: 0;
}
.navbar-start {
justify-content: flex-start;
margin-right: auto;
}
.navbar-end {
justify-content: flex-end;
margin-left: auto;
}
</style>