extern/2FAuth
1
0
Fork 0
mirror of https://github.com/Bubka/2FAuth.git synced 2025-06-19 19:28:08 +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> <label :for="'ckb_' + account.id"></label>
</div> </div>
</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"> <div class="tfa-text has-ellipsis">
<img :src="'/storage/icons/' + account.icon" v-if="account.icon"> <img :src="'/storage/icons/' + account.icon" v-if="account.icon">
{{ account.service }} {{ 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> </div>
<div class="tfa-dots has-text-grey" v-if="!editMode"> <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; 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) { @media screen and (max-width: 768px) {
.tfa-container { .tfa-container {
flex-direction: row; flex-direction: row;
@ -97,7 +89,7 @@
.tfa-checkbox, .tfa-dots { .tfa-checkbox, .tfa-dots {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0 padding: 0.5rem 0 0 0;
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
@ -139,6 +131,8 @@
@media screen and (min-width: 769px) { @media screen and (min-width: 769px) {
.is-checkradio[type="checkbox"] + label, .is-checkradio[type="radio"] + label { .is-checkradio[type="checkbox"] + label, .is-checkradio[type="radio"] + label {
padding-left: 0 !important; padding-left: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
} }
} }
@ -155,7 +149,6 @@
.tfa span { .tfa span {
display: block; display: block;
// margin-left: 2.3em;
} }
.has-ellipsis { .has-ellipsis {