Skip to content

C
CO-OP Search
Commit 2ea4d50f authored by Kittisak Maneewong's avatar Kittisak Maneewong
Browse files
Options

Add employerLogin

parents 25219b2b 9350bdce
Show whitespace changes
Inline Side-by-side
Showing with 57 additions and 7 deletions
public/js/app.js
View file @ 2ea4d50f
This source diff could not be displayed because it is too large. You can view the blob instead.
resources/js/components/Toolbar.vue
View file @ 2ea4d50f
......@@ -19,29 +19,58 @@
<img src="../../../public/img/banner.png" class="my-2" width="150">
</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn flat color="black" class="mx-0 px-0">
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0">
<v-icon>home</v-icon>
<span class="body-2 font-weight-bold">หน้าหลัก</span>
</v-btn>
<<<<<<< HEAD
<v-btn flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
=======
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
>>>>>>> 9350bdce5009f90094e55411c7757daa29722586
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-menu left bottom v-if="responsive">
<template v-slot:activator="{ on }">
<v-toolbar-side-icon v-on="on"></v-toolbar-side-icon>
</template>
<v-list>
<v-list-tile @click="">
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile @click="">
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile @click="">
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile @click="">
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile @click="">
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile @click="">
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
</v-list>
</v-menu>
</v-toolbar>
</v-flex>
</v-layout>
......@@ -50,6 +79,27 @@
<script>
export default {
props: ['page']
props: ['page'],
data () {
return {
responsive: false
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
}
}
}
</script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment