Skip to content

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

Add Navbar

parent 9c2c7bdb
Show whitespace changes
Inline Side-by-side
Showing with 116 additions and 104 deletions
public/js/app.js
View file @ c12c1fc9
This source diff could not be displayed because it is too large. You can view the blob instead.
resources/js/components/Navbar.vue 0 → 100644
View file @ c12c1fc9
<template>
<div>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" height="40">
<v-spacer></v-spacer>
<v-btn small="" dark color="cyan darken-4" class="elevation-0" @click="$router.push('/')">สำหรับผู้สมัครงาน</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="cyan darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="cyan darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="cyan darken-4" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" >
<v-toolbar-title>
<router-link to="/"><img src="../../../public/img/banner.png" class="my-2" width="150"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<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>
<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 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 v-if="!responsive" flat color="black" class="m x-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<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 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 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>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
</v-list>
</v-menu>
</v-toolbar>
</v-flex>
</v-layout>
</div>
</template>
\ No newline at end of file
resources/js/layouts/EmployerLayout.vue
View file @ c12c1fc9
<template> <template>
<div> <div>
<Toolbar page="employer"></Toolbar> <Navbar></Navbar>
<v-content class="my-0"> <v-content class="my-0">
<v-container fluid white> <v-container fluid white>
<v-layout > <v-layout >
...@@ -17,11 +17,11 @@ ...@@ -17,11 +17,11 @@
</template> </template>
<script> <script>
import Toolbar from '../components/Toolbar.vue'; import Navbar from '../components/Navbar.vue';
import Footer from '../components/Footer.vue'; import Footer from '../components/Footer.vue';
export default { export default {
components: { components: {
Toolbar, Navbar,
Footer Footer
} }
} }
......
resources/js/views/RegisterEmployer.vue
View file @ c12c1fc9
...@@ -7,24 +7,50 @@ ...@@ -7,24 +7,50 @@
<v-layout row wrap xs12> <v-layout row wrap xs12>
<v-flex xs12 sm6 class="px-3"> <v-flex xs12 sm6 class="px-3">
<label class="font-weight-bold">ชื่อผู้ใช้ <span class="red--text">&nbsp;*</span></label> <label class="font-weight-bold">ชื่อผู้ใช้ <span class="red--text">&nbsp;*</span></label>
<input type="text" placeholder="ชื่อผู้ใช้" class="form-control form-control-sm my-1"> <v-text-field
outline
label="ชื่อผู้ใช้"
class="mg-ip"
></v-text-field>
<label class="font-weight-bold">รหัสผ่าน <span class="red--text">&nbsp;*</span></label> <label class="font-weight-bold">รหัสผ่าน <span class="red--text">&nbsp;*</span></label>
<input type="password" placeholder="รหัสผ่าน" class="form-control form-control-sm my-1"> <v-text-field
outline
label="รหัสผ่าน"
type="password"
class="mg-ip"
></v-text-field>
<label class="font-weight-bold">รหัสผ่านอีกครั้ง <span class="red--text">&nbsp;*</span></label> <label class="font-weight-bold">รหัสผ่านอีกครั้ง <span class="red--text">&nbsp;*</span></label>
<input type="password" placeholder="รหัสผ่านอีกครั้ง" class="form-control form-control-sm my-1"> <v-text-field
outline
label="รหัสผ่านอีกครั้ง"
type="password"
class="mg-ip"
></v-text-field>
</v-flex> </v-flex>
<v-flex xs12 sm6 class="px-3"> <v-flex xs12 sm6 class="px-3">
<label class="font-weight-bold">ชื่อบริษัท <span class="red--text">&nbsp;*</span></label> <label class="font-weight-bold">ชื่อบริษัท <span class="red--text">&nbsp;*</span></label>
<input type="text" placeholder="ชื่อบริษัท" class="form-control form-control-sm my-1"> <v-text-field
outline
label="ชื่อบริษัท"
class="mg-ip"
></v-text-field>
<label class="font-weight-bold">อีเมล <span class="red--text">&nbsp;*</span></label> <label class="font-weight-bold">อีเมล <span class="red--text">&nbsp;*</span></label>
<input type="text" placeholder="อีเมล" class="form-control form-control-sm my-1"> <v-text-field
outline
label="อีเมล"
class="mg-ip"
></v-text-field>
<label class="font-weight-bold">เบอร์โทรศัพท์ <span class="red--text">&nbsp;*</span></label> <label class="font-weight-bold">เบอร์โทรศัพท์ <span class="red--text">&nbsp;*</span></label>
<input type="text" placeholder="เบอร์โทรศัพท์" class="form-control form-control-sm my-1"> <v-text-field
outline
label="เบอร์โทรศัพท์"
class="mg-ip"
></v-text-field>
</v-flex> </v-flex>
</v-layout> </v-layout>
...@@ -44,105 +70,12 @@ ...@@ -44,105 +70,12 @@
<style lang="scss" scoped> <style lang="scss" scoped>
.mg-ip{ .mg-ip{
height:65px; height:70px;
} }
.border-iy { .border-iy {
border: 1px solid #dcdcdc; border: 1px solid #dcdcdc;
border-radius: 7px; border-radius: 7px;
} }
input {
overflow: visible;
}
.bd-example>.form-control+.form-control {
margin-top: .5rem;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0;
}
.form-control-sm {
height: calc(1.0em + 0.5rem + 1px);
padding: 0.15rem 0.5rem;
font-size: 0.7rem;
line-height: 1.5;
border-radius: 0.3rem;
}
.form-control {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control {
transition: none;
}
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control::-webkit-input-placeholder {
color: #6c757d;
opacity: 1;
}
.form-control::-moz-placeholder {
color: #6c757d;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #6c757d;
opacity: 1;
}
.form-control::-ms-input-placeholder {
color: #6c757d;
opacity: 1;
}
.form-control::placeholder {
color: #6c757d;
opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
background-color: #e9ecef;
opacity: 1;
}
select.form-control:focus::-ms-value {
color: #495057;
background-color: #fff;
}
.form-control-file,
.form-control-range {
display: block;
width: 100%;
}
</style> </style>
\ No newline at end of file
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