extern/2FAuth
1
0
Fork 0
mirror of https://github.com/Bubka/2FAuth.git synced 2025-06-20 19:57:44 +02:00
Code Issues Packages Projects Releases Wiki Activity

Embed toolbar within Accounts component instead of App

Browse Source
This commit is contained in:
Bubka 2020-01-31 14:03:46 +01:00
parent 0dbbb979dc
commit dec0831f14
3 changed files with 16 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
resources/js/components/App.vue
View File

@ -1,22 +1,7 @@
<template> <template>
<div>
<!-- toolbar -->
<header class="toolbar has-background-black-bis" v-if="showToolbar">
<div class="container">
<div class="columns is-mobile is-centered">
<div class="column is-three-quarters-mobile is-one-third-tablet is-one-quarter-desktop is-one-quarter-widescreen is-one-quarter-fullhd">
<a class="button is-dark">
Delete
</a>
</div>
</div>
</div>
</header>
<!-- main content -->
<main class="main-section"> <main class="main-section">
<router-view :showToolbar="showToolbar"></router-view> <router-view></router-view>
</main> </main>
</div>
</template> </template>
<script> <script>
@ -25,7 +10,6 @@
data(){ data(){
return { return {
showToolbar: false
} }
} }
} }

16
resources/js/views/Accounts.vue
View File

@ -1,10 +1,20 @@
<template> <template>
<div> <div>
<div class="container" v-if="this.showAccounts"> <div class="container" v-if="this.showAccounts">
<!-- search --> <!-- header -->
<div class="search columns is-gapless is-mobile is-centered"> <div class="columns is-gapless is-mobile is-centered">
<div class="column is-three-quarters-mobile is-one-third-tablet is-one-quarter-desktop is-one-quarter-widescreen is-one-quarter-fullhd"> <div class="column is-three-quarters-mobile is-one-third-tablet is-one-quarter-desktop is-one-quarter-widescreen is-one-quarter-fullhd">
<div class="field"> <!-- toolbar -->
<div class="toolbar has-text-centered" v-if="editMode">
<a class="button is-text has-text-grey">
<span class="icon is-small">
<font-awesome-icon :icon="['fas', 'trash']" />
</span>
<span>delete</span>
</a>
</div>
<!-- search -->
<div class="field" v-else>
<div class="control has-icons-right"> <div class="control has-icons-right">
<input type="text" class="input is-rounded is-search" v-model="search"> <input type="text" class="input is-rounded is-search" v-model="search">
<span class="icon is-small is-right"> <span class="icon is-small is-right">

7
resources/sass/app.scss vendored
View File

@ -27,13 +27,6 @@
} }
} }
.toolbar {
position: fixed;
width: 100%;
z-index: 30;
padding: 0.75rem 0;
}
.form-column { .form-column {
padding-top: 3rem; padding-top: 3rem;
} }