feat [front]: responsive logo in navbar
This commit is contained in:
parent
7a0f95025a
commit
15addccfd7
3 changed files with 22 additions and 1 deletions
BIN
front/assets/img/logo.png
Normal file
BIN
front/assets/img/logo.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 590 KiB |
|
@ -2,7 +2,7 @@
|
||||||
<nav class="navbar" role="navigation" aria-label="main navigation">
|
<nav class="navbar" role="navigation" aria-label="main navigation">
|
||||||
<div class="navbar-brand">
|
<div class="navbar-brand">
|
||||||
<nuxt-link class="navbar-item" to="index">
|
<nuxt-link class="navbar-item" to="index">
|
||||||
<img src="~/assets/img/logo.png" width="112" height="28" />
|
<img src="~/assets/img/logo.png" />
|
||||||
</nuxt-link>
|
</nuxt-link>
|
||||||
<a
|
<a
|
||||||
role="button"
|
role="button"
|
||||||
|
@ -57,3 +57,15 @@ const menuItems = ref([
|
||||||
|
|
||||||
const isBurgerOpen = ref(false)
|
const isBurgerOpen = ref(false)
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style lang="sass" scoped>
|
||||||
|
@include desktop
|
||||||
|
.navbar
|
||||||
|
padding: 0 2rem
|
||||||
|
|
||||||
|
.navbar-item img
|
||||||
|
object-fit: contain
|
||||||
|
@include desktop
|
||||||
|
max-height: 5rem
|
||||||
|
padding: 0 // necessary ?
|
||||||
|
</style>
|
||||||
|
|
|
@ -18,6 +18,15 @@ export default defineNuxtConfig({
|
||||||
},
|
},
|
||||||
|
|
||||||
css: ["@/css/app.sass"],
|
css: ["@/css/app.sass"],
|
||||||
|
vite: {
|
||||||
|
css: {
|
||||||
|
preprocessorOptions: {
|
||||||
|
sass: {
|
||||||
|
additionalData: `@import "@/css/tools.sass" \n`,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
// Modules: https://go.nuxtjs.dev/config-modules
|
// Modules: https://go.nuxtjs.dev/config-modules
|
||||||
modules: [
|
modules: [
|
||||||
|
|
Loading…
Reference in a new issue