Improve peer details access and update signin footer UI
Peer details button is now hidden for restricted peers, showing a message instead. The signin page footer layout is updated for better alignment, and the client app link is moved to the right with improved styling.v4.3.2-dev
parent
0a64b1b377
commit
b1d7199e84
|
|
@ -134,12 +134,17 @@ export default {
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer" role="button" @click="$emit('details')">
|
||||
<div class="card-footer" role="button" @click="$emit('details')" v-if="!this.Peer.restricted">
|
||||
<small class="d-flex align-items-center">
|
||||
<LocaleText t="Details"></LocaleText>
|
||||
<i class="bi bi-chevron-right ms-auto"></i>
|
||||
</small>
|
||||
</div>
|
||||
<div class="card-footer" v-else>
|
||||
<small class="d-flex align-items-center text-muted">
|
||||
<LocaleText t="Allow access to view details"></LocaleText>
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
|
|||
|
|
@ -172,16 +172,6 @@ export default {
|
|||
<RemoteServerList v-else></RemoteServerList>
|
||||
|
||||
<div class="d-flex mt-3" v-if="!this.store.IsElectronApp">
|
||||
<!-- Left: Client App link -->
|
||||
<a
|
||||
href="/client"
|
||||
class="btn btn-sm btn-outline-secondary"
|
||||
>
|
||||
<i class="bi bi-box-arrow-up-right me-1"></i>
|
||||
<LocaleText t="Client App" />
|
||||
</a>
|
||||
|
||||
<!-- Right: Remote server switch -->
|
||||
<div class="form-check form-switch ms-auto">
|
||||
<input
|
||||
v-model="this.store.CrossServerConfiguration.Enable"
|
||||
|
|
@ -197,10 +187,20 @@ export default {
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<small class="text-muted pb-3 d-block w-100 text-center mt-3">
|
||||
WGDashboard {{ this.version }} | Developed with ❤️ by
|
||||
<a href="https://github.com/donaldzou" target="_blank"><strong>Donald Zou</strong></a>
|
||||
<div class="d-flex container-fluid align-items-center my-1 w-100">
|
||||
<small class="text-muted">
|
||||
WGDashboard <strong>{{ this.version }}</strong> | Made with ❤️ by
|
||||
<a href="https://github.com/WGDashboard"
|
||||
class="text-decoration-none text-body"
|
||||
target="_blank"><strong>WGDashboard</strong></a>
|
||||
</small>
|
||||
<a href="./client" target="_blank"
|
||||
class="text-decoration-none ms-auto text-body"
|
||||
style="white-space: nowrap">
|
||||
<small><i class="bi bi-box-arrow-up-right me-1"></i>
|
||||
<LocaleText t="Client App" /></small>
|
||||
</a>
|
||||
</div>
|
||||
<div class="messageCentre text-body position-absolute d-flex">
|
||||
<TransitionGroup name="message" tag="div"
|
||||
class="position-relative flex-sm-grow-0 flex-grow-1 d-flex align-items-end ms-sm-auto flex-column gap-2">
|
||||
|
|
|
|||
Loading…
Reference in New Issue