Commit 9b71c408 authored by Kittisak Maneewong's avatar Kittisak Maneewong

Update Layout

parent c0093b2a
This diff is collapsed.
<template>
<v-toolbar absolute flat color="white" app>
<v-toolbar absolute flat color="white" app v-if="page == 'app'">
<v-toolbar-title>Cooperative Search</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn dark color="success" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-btn dark color="success" class="elevation-0" @click="$router.push('/employer/login')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn outline color="success">
เข้าสู่ระบบ
</v-btn>
<v-btn outline color="success" class="ml-0">
สมัครสมาชิก
<v-btn round small outline color="success">
<v-icon>person</v-icon> เข้าสู่ระบบ / สมัครสมาชิก
</v-btn>
</v-toolbar>
<v-toolbar absolute flat color="success" dark app v-else>
<v-toolbar-title>Cooperative Search</v-toolbar-title>
</v-toolbar>
</template>
<script>
export default {
props: ['page']
}
</script>
<template>
<div>
<Toolbar></Toolbar>
<Toolbar page="app"></Toolbar>
<v-content class="mt-5">
<v-container fluid>
<v-layout>
......
<template>
<router-view></router-view>
<div>
<Toolbar page="employer"></Toolbar>
<v-content class="mt-5">
<v-container fluid>
<v-layout>
<v-flex xs10 offset-xs1>
<v-card flat height="600px">
<router-view></router-view>
</v-card>
</v-flex>
</v-layout>
</v-container>
</v-content>
<Footer></Footer>
</div>
</template>
<script>
import Toolbar from '../components/Toolbar.vue';
import Footer from '../components/Footer.vue';
export default {
components: {
Toolbar,
Footer
}
}
</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