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

Refactor views to use a responsive width wrapper component

Browse Source
This commit is contained in:
Bubka
2022-10-12 12:56:16 +02:00
parent 6a41c77144
commit 4511df5764
7 changed files with 293 additions and 282 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,16 +1,14 @@
<template>
<div class="options-header has-background-black-ter">
<div class="columns is-centered">
<div class="form-column column is-two-thirds-tablet is-half-desktop is-one-third-widescreen is-one-third-fullhd">
<div class="tabs is-centered is-fullwidth">
<ul>
<li v-for="tab in tabs" :key="tab.view" :class="{ 'is-active': tab.view === activeTab }">
<router-link :id="tab.id" :to="{ name: tab.view }">{{ tab.name }}</router-link>
</li>
</ul>
</div>
<responsive-width-wrapper>
<div class="tabs is-centered is-fullwidth">
<ul>
<li v-for="tab in tabs" :key="tab.view" :class="{ 'is-active': tab.view === activeTab }">
<router-link :id="tab.id" :to="{ name: tab.view }">{{ tab.name }}</router-link>
</li>
</ul>
</div>
</div>
</responsive-width-wrapper>
</div>
</template>