add classes to better pinpoint elements

This commit is contained in:
Milos Stojanovic
2020-05-09 17:24:42 +02:00
parent f382509e31
commit b067207179
2 changed files with 7 additions and 7 deletions

View File

@@ -43,7 +43,7 @@
</a> </a>
</b-upload> </b-upload>
</b-field> </b-field>
<a v-if="can(['read', 'write']) && ! checked.length" class="is-inline-block"> <a v-if="can(['read', 'write']) && ! checked.length" class="add-new is-inline-block">
<b-dropdown :disabled="checked.length > 0" aria-role="list"> <b-dropdown :disabled="checked.length > 0" aria-role="list">
<span slot="trigger"> <span slot="trigger">
<b-icon icon="plus" size="is-small" /> {{ lang('New') }} <b-icon icon="plus" size="is-small" /> {{ lang('New') }}
@@ -74,7 +74,7 @@
<b-icon icon="trash-alt" size="is-small" /> {{ lang('Delete') }} <b-icon icon="trash-alt" size="is-small" /> {{ lang('Delete') }}
</a> </a>
</div> </div>
<div v-if="can('read')"> <div id="pagination" v-if="can('read')">
<Pagination :perpage="perPage" @selected="perPage = $event" /> <Pagination :perpage="perPage" @selected="perPage = $event" />
</div> </div>
</section> </section>

View File

@@ -14,19 +14,19 @@
<div :class="[navbarActive ? 'is-active' : '', 'navbar-menu']"> <div :class="[navbarActive ? 'is-active' : '', 'navbar-menu']">
<div class="navbar-end"> <div class="navbar-end">
<a v-if="is('admin')" class="navbar-item" @click="$router.push('/')"> <a v-if="is('admin')" class="navbar-item files" @click="$router.push('/')">
{{ lang('Files') }} {{ lang('Files') }}
</a> </a>
<a v-if="is('admin')" class="navbar-item" @click="$router.push('/users')"> <a v-if="is('admin')" class="navbar-item users" @click="$router.push('/users')">
{{ lang('Users') }} {{ lang('Users') }}
</a> </a>
<a v-if="is('guest')" class="navbar-item" @click="login"> <a v-if="is('guest')" class="navbar-item login" @click="login">
{{ lang('Login') }} {{ lang('Login') }}
</a> </a>
<a v-if="!is('guest')" class="navbar-item" @click="profile"> <a v-if="!is('guest')" class="navbar-item profile" @click="profile">
{{ this.$store.state.user.name }} {{ this.$store.state.user.name }}
</a> </a>
<a v-if="!is('guest')" class="navbar-item" @click="logout"> <a v-if="!is('guest')" class="navbar-item logout" @click="logout">
{{ lang('Logout') }} {{ lang('Logout') }}
</a> </a>
</div> </div>