Formatting
This commit is contained in:
parent
0230182ef5
commit
0ed27167f7
@ -1,15 +1,15 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="flex flex-col">
|
<div class="flex flex-col">
|
||||||
<router-link v-if="success" to="/" class="label success font-mono">
|
<router-link v-if="success" to="/" class="label success font-mono">
|
||||||
<div>Authenticated</div>
|
<div>Authenticated</div>
|
||||||
<small>Redirecting in {{ redirectTimeout }} ...</small>
|
<small>Redirecting in {{ redirectTimeout }} ...</small>
|
||||||
</router-link>
|
</router-link>
|
||||||
<div class="font-mono my-3">
|
<div class="font-mono my-3">
|
||||||
LNURL-auth
|
LNURL-auth
|
||||||
</div>
|
</div>
|
||||||
<div v-if="error" class="label error font-mono">
|
<div v-if="error" class="label error font-mono">
|
||||||
<div>Authentication error</div>
|
<div>Authentication error</div>
|
||||||
<small>{{ error }}</small>
|
<small>{{ error }}</small>
|
||||||
</div>
|
</div>
|
||||||
<figure v-if="lnurl && qr" class="flex flex-col m-auto">
|
<figure v-if="lnurl && qr" class="flex flex-col m-auto">
|
||||||
<a class="m-auto" :href="'lightning:' + lnurl">
|
<a class="m-auto" :href="'lightning:' + lnurl">
|
||||||
@ -100,30 +100,37 @@ img {
|
|||||||
width: 256px;
|
width: 256px;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
figcaption {
|
figcaption {
|
||||||
margin: 0.75em auto;
|
margin: 0.75em auto;
|
||||||
width: 256px;
|
width: 256px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.label {
|
.label {
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
margin: 1em auto;
|
margin: 1em auto;
|
||||||
padding: 0.5em 3em;
|
padding: 0.5em 3em;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.label:hover {
|
.label:hover {
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.success {
|
.success {
|
||||||
background-color: rgba(20,158,97,.24);
|
background-color: rgba(20, 158, 97, .24);
|
||||||
color: #35df8d;
|
color: #35df8d;
|
||||||
}
|
}
|
||||||
|
|
||||||
.success:hover {
|
.success:hover {
|
||||||
background-color: #35df8d;
|
background-color: #35df8d;
|
||||||
}
|
}
|
||||||
|
|
||||||
.error {
|
.error {
|
||||||
background-color: rgba(245,57,94,.24);
|
background-color: rgba(245, 57, 94, .24);
|
||||||
color: #ff7386;
|
color: #ff7386;
|
||||||
}
|
}
|
||||||
|
|
||||||
.error:hover {
|
.error:hover {
|
||||||
background-color: #ff7386;
|
background-color: #ff7386;
|
||||||
}
|
}
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<!-- eslint-disable -->
|
<!-- eslint-disable -->
|
||||||
<div class="my-3">
|
<div class="my-3">
|
||||||
<pre>
|
<pre>
|
||||||
_ _ _ _
|
_ _ _ _
|
||||||
__| | ___| |_ __ | |__ (_)
|
__| | ___| |_ __ | |__ (_)
|
||||||
/ _` |/ _ \ | '_ \| '_ \| |
|
/ _` |/ _ \ | '_ \| '_ \| |
|
||||||
|
@ -10,7 +10,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- eslint-enable -->
|
<!-- eslint-enable -->
|
||||||
<div v-if="session.pubkey">
|
<div v-if="session.pubkey">
|
||||||
<div>authenticated as {{ session.pubkey.slice(0,8) }}</div>
|
<div>authenticated as {{ session.pubkey.slice(0, 8) }}</div>
|
||||||
<button class="my-3" @click="logout">logout</button>
|
<button class="my-3" @click="logout">logout</button>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user