highperfocused/lnbits
1
0
Fork 0
mirror of https://github.com/lnbits/lnbits.git synced 2025-10-10 20:42:32 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: some ui bugs (#2782)

Browse Source 
remove splitter constrain

Co-authored-by: Tiago Vasconcelos <talvasconcelos@gmail.com>
This commit is contained in:
dni ⚡
2024-11-28 10:43:31 +01:00
committed by GitHub
parent fa8d7c665b
commit e3d6b6befa
5 changed files with 49 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
lnbits/core/templates/admin/_tab_extensions.html
View File

@@ -23,7 +23,7 @@
@remove="removeExtensionsManifest(manifestUrl)" @remove="removeExtensionsManifest(manifestUrl)"
color="primary" color="primary"
text-color="white" text-color="white"
><span v-text="manifestUrl"></span ><span class="ellipsis" v-text="manifestUrl"></span
></q-chip> ></q-chip>
</div> </div>
</div> </div>

16
lnbits/core/templates/admin/_tab_security.html
View File

@@ -13,8 +13,8 @@
</div> </div>
</div> </div>
<h6 class="q-my-none q-mb-sm">Authentication</h6> <h6 class="q-my-none q-mb-sm">Authentication</h6>
<div class="row"> <div class="row q-col-gutter-sm">
<div class="col-md-6 col-sm-12 q-pr-sm"> <div class="col-12 col-sm-6">
<q-input <q-input
filled filled
v-model="formData.auth_token_expire_minutes" v-model="formData.auth_token_expire_minutes"
@@ -24,7 +24,7 @@
> >
</q-input> </q-input>
</div> </div>
<div class="col-md-6 col-sm-12 q-pr-sm"> <div class="col-12 col-sm-6">
<q-select <q-select
filled filled
v-model="formData.auth_allowed_methods" v-model="formData.auth_allowed_methods"
@@ -43,8 +43,9 @@
<strong class="q-my-none q-mb-sm">Nostr Auth</strong> <strong class="q-my-none q-mb-sm">Nostr Auth</strong>
<div class="row"> <div class="row">
<div class="col-md-12 col-sm-12 q-pr-sm"> <div class="col-12">
<q-input <q-input
class="q-mb-sm"
filled filled
v-model="nostrAcceptedUrl" v-model="nostrAcceptedUrl"
@keydown.enter="addNostrUrl" @keydown.enter="addNostrUrl"
@@ -55,8 +56,7 @@
<q-btn @click="addNostrUrl" dense flat icon="add"></q-btn> <q-btn @click="addNostrUrl" dense flat icon="add"></q-btn>
</q-input> </q-input>
</div> </div>
<div> <div class="col-12">
<div>
<q-chip <q-chip
v-for="url in formData.nostr_absolute_request_urls" v-for="url in formData.nostr_absolute_request_urls"
:key="url" :key="url"
@@ -65,10 +65,10 @@
color="primary" color="primary"
text-color="white" text-color="white"
:label="url" :label="url"
class="ellipsis"
></q-chip> ></q-chip>
</div> </div>
</div> </div>
</div>
</q-card-section> </q-card-section>
<q-card-section <q-card-section
v-if="formData.auth_allowed_methods?.includes('google-auth')" v-if="formData.auth_allowed_methods?.includes('google-auth')"
@@ -220,6 +220,7 @@
color="primary" color="primary"
text-color="white" text-color="white"
:label="blocked_ip" :label="blocked_ip"
class="ellipsis"
></q-chip> ></q-chip>
</div> </div>
<br /> <br />
@@ -249,6 +250,7 @@
color="primary" color="primary"
text-color="white" text-color="white"
:label="allowed_ip" :label="allowed_ip"
class="ellipsis"
></q-chip> ></q-chip>
</div> </div>
<br /> <br />

6
lnbits/core/templates/admin/_tab_users.html
View File

@@ -3,7 +3,7 @@
<h6 class="q-my-none q-mb-sm">User Management</h6> <h6 class="q-my-none q-mb-sm">User Management</h6>
<div class="row"> <div class="row">
<div class="col-md-6 col-sm-12 q-pr-sm"> <div class="col-12 col-md-6 q-pr-sm">
<p>Admin Users</p> <p>Admin Users</p>
<q-input <q-input
filled filled
@@ -24,12 +24,13 @@
color="primary" color="primary"
text-color="white" text-color="white"
:label="user" :label="user"
class="ellipsis"
> >
</q-chip> </q-chip>
</div> </div>
<br /> <br />
</div> </div>
<div class="col-md-6 col-sm-12"> <div class="col-12 col-md-6">
<p>Allowed Users</p> <p>Allowed Users</p>
<q-input <q-input
filled filled
@@ -50,6 +51,7 @@
color="primary" color="primary"
text-color="white" text-color="white"
:label="user" :label="user"
class="ellipsis"
> >
</q-chip> </q-chip>
</div> </div>

35
lnbits/core/templates/admin/index.html
View File

@@ -61,57 +61,74 @@
<div class="row q-col-gutter-md justify-center"> <div class="row q-col-gutter-md justify-center">
<div class="col q-gutter-y-md"> <div class="col q-gutter-y-md">
<q-card> <q-card>
<q-splitter v-model="tabsPercent"> <q-splitter>
<template v-slot:before> <template v-slot:before>
<q-tabs v-model="tab" vertical active-color="primary"> <q-tabs v-model="tab" vertical active-color="primary">
<q-tab <q-tab
name="funding" name="funding"
icon="account_balance_wallet" icon="account_balance_wallet"
:label="$t('funding')" :label="$q.screen.gt.sm ? $t('funding') : null"
@update="val => tab = val.name" @update="val => tab = val.name"
><q-tooltip v-if="!$q.screen.gt.sm"
><span v-text="$t('funding')"></span></q-tooltip
></q-tab> ></q-tab>
<q-tab <q-tab
name="security" name="security"
icon="security" icon="security"
:label="$t('security')" :label="$q.screen.gt.sm ? $t('security') : null"
@update="val => tab = val.name" @update="val => tab = val.name"
><q-tooltip v-if="!$q.screen.gt.sm"
><span v-text="$t('security')"></span></q-tooltip
></q-tab> ></q-tab>
<q-tab <q-tab
name="users" name="users"
icon="group" icon="group"
:label="$t('users')" :label="$q.screen.gt.sm ? $t('users') : null"
@update="val => tab = val.name" @update="val => tab = val.name"
><q-tooltip v-if="!$q.screen.gt.sm"
><span v-text="$t('users')"></span></q-tooltip
></q-tab> ></q-tab>
<q-tab <q-tab
name="extensions" name="extensions"
icon="extension" icon="extension"
:label="$t('extensions')" :label="$q.screen.gt.sm ? $t('extensions') : null"
@update="val => tab = val.name" @update="val => tab = val.name"
><q-tooltip v-if="!$q.screen.gt.sm"
><span v-text="$t('extensions')"></span></q-tooltip
></q-tab> ></q-tab>
<q-tab <q-tab
name="server" name="server"
icon="price_change" icon="price_change"
:label="$t('payments')" :label="$q.screen.gt.sm ? $t('payments') : null"
@update="val => tab = val.name" @update="val => tab = val.name"
><q-tooltip v-if="!$q.screen.gt.sm"
><span v-text="$t('payments')"></span></q-tooltip
></q-tab> ></q-tab>
<q-tab <q-tab
name="notifications" name="notifications"
icon="notifications" icon="notifications"
:label="$t('notifications')" :label="$q.screen.gt.sm ? $t('notifications') : null"
@update="val => tab = val.name" @update="val => tab = val.name"
><q-tooltip v-if="!$q.screen.gt.sm"
><span v-text="$t('notifications')"></span></q-tooltip
></q-tab> ></q-tab>
<q-tab <q-tab
name="audit" name="audit"
icon="playlist_add_check_circle" icon="playlist_add_check_circle"
:label="$t('audit')" :label="$q.screen.gt.sm ? $t('audit') : null"
@update="val => tab = val.name" @update="val => tab = val.name"
><q-tooltip v-if="!$q.screen.gt.sm"
><span v-text="$t('audit')"></span></q-tooltip
></q-tab> ></q-tab>
<q-tab <q-tab
style="word-break: break-all"
name="site_customisation" name="site_customisation"
icon="language" icon="language"
:label="$t('site_customisation')" :label="$q.screen.gt.sm ? $t('site_customisation') : null"
@update="val => tab = val.name" @update="val => tab = val.name"
><q-tooltip v-if="!$q.screen.gt.sm"
><span v-text="$t('site_customisation')"></span></q-tooltip
></q-tab> ></q-tab>
</q-tabs> </q-tabs>
</template> </template>

1
lnbits/static/js/admin.js
View File

@@ -61,7 +61,6 @@ window.app = Vue.createApp({
'orange' 'orange'
], ],
tab: 'funding', tab: 'funding',
tabsPercent: 15,
needsRestart: false needsRestart: false
} }
}, },