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

New UI elements adjustments

Browse Source
This commit is contained in:
Bubka 2020-01-31 08:29:05 +01:00
parent d00659c107
commit 1c55e7e2e1
2 changed files with 5 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -25,11 +25,11 @@
<label :for="'ckb_' + account.id"></label>
</div>
</div>
<div class="tfa-content is-size-4" @click.stop="showAccount(account.id)">
<div class="tfa-content is-size-3 is-size-4-mobile" @click.stop="showAccount(account.id)">
<div class="tfa-text has-ellipsis">
<img :src="'/storage/icons/' + account.icon" v-if="account.icon">
{{ account.service }}
<span class="is-family-primary is-size-7 has-text-grey ">{{ account.account }}</span>
<span class="is-family-primary is-size-6 is-size-7-mobile has-text-grey ">{{ account.account }}</span>
</div>
</div>
<div class="tfa-dots has-text-grey" v-if="!editMode">

13
resources/sass/app.scss vendored
View File

@ -72,14 +72,6 @@
flex-direction: column;
}
.tfa-container > div:first-of-type {
padding: 0;
}
.tfa-container > div:last-of-type {
padding: 0.5rem 0;
}
@media screen and (max-width: 768px) {
.tfa-container {
flex-direction: row;
@ -97,7 +89,7 @@
.tfa-checkbox, .tfa-dots {
display: flex;
align-items: center;
padding: 0
padding: 0.5rem 0 0 0;
}
@media screen and (max-width: 768px) {
@ -139,6 +131,8 @@
@media screen and (min-width: 769px) {
.is-checkradio[type="checkbox"] + label, .is-checkradio[type="radio"] + label {
padding-left: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
@ -155,7 +149,6 @@
.tfa span {
display: block;
// margin-left: 2.3em;
}
.has-ellipsis {