feat [front]: admin mobile margins

This commit is contained in:
Alice 2022-12-04 00:34:34 +01:00
parent dda76d6345
commit e80c833c83
5 changed files with 24 additions and 5 deletions

View file

@ -5,7 +5,24 @@
role="navigation" role="navigation"
aria-label="main navigation" aria-label="main navigation"
> >
<div class="navbar-menu"> <div class="navbar-brand">
<nuxt-link class="navbar-item" to="/">
<img src="~/assets/img/logo.png" />
</nuxt-link>
<a
role="button"
class="navbar-burger"
aria-label="menu"
aria-expanded="false"
@click="isBurgerOpen = !isBurgerOpen"
>
<!-- the next three lines are meant for the burger menu -->
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div class="navbar-menu" :class="{ 'is-active': isBurgerOpen }">
<div class="navbar-start"> <div class="navbar-start">
<nuxt-link <nuxt-link
v-for="(menuItem, index) of menuItems" v-for="(menuItem, index) of menuItems"
@ -32,6 +49,8 @@ const menuItems = [
link: "/", link: "/",
}, },
] ]
const isBurgerOpen = ref(false)
</script> </script>
<style scoped lang="sass"></style> <style scoped lang="sass"></style>

View file

@ -1,5 +1,5 @@
<template> <template>
<main> <main class="section">
<h1 class="title"> <h1 class="title">
Modifier la séance du {{ new Date(film.projectionDate).toLocaleString() }} Modifier la séance du {{ new Date(film.projectionDate).toLocaleString() }}
</h1> </h1>

View file

@ -1,5 +1,5 @@
<template> <template>
<main> <main class="section">
<div class="title is-2"> <div class="title is-2">
<div class="tag is-large"> <div class="tag is-large">
{{ film.isConfirmed ? "Publié" : "Brouillon" }} {{ film.isConfirmed ? "Publié" : "Brouillon" }}

View file

@ -1,5 +1,5 @@
<template> <template>
<main> <main class="section">
<h1 class="title">Liste des séances</h1> <h1 class="title">Liste des séances</h1>
<ul class="list has-visible-pointer-controls"> <ul class="list has-visible-pointer-controls">
<li v-for="film of films" :key="film.id" class="list-item"> <li v-for="film of films" :key="film.id" class="list-item">

View file

@ -1,5 +1,5 @@
<template> <template>
<main> <main class="section">
<h1 class="title">Nouvelle séance</h1> <h1 class="title">Nouvelle séance</h1>
<AdminForm v-model="film" @save="post" @publish="publish" /> <AdminForm v-model="film" @save="post" @publish="publish" />
</main> </main>