ekzyis
/
delphi.market
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Align width of figure and figcaption

This commit is contained in:
ekzyis 2023-11-08 01:57:57 +01:00
parent 10702eb842
commit d80b4beaaf
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
vue/src/components/LoginQRCode.vue
View File

@ -11,7 +11,7 @@
<div>Authentication error</div> <div>Authentication error</div>
<small>{{ error }}</small> <small>{{ error }}</small>
</div> </div>
<figure class="flex flex-col m-auto w-[33%]"> <figure class="flex flex-col m-auto">
<a class="m-auto" v-if="lnurl" :href="'lightning:' + lnurl"> <a class="m-auto" v-if="lnurl" :href="'lightning:' + lnurl">
<img v-if="qr" :src="'data:image/png;base64,' + qr" /> <img v-if="qr" :src="'data:image/png;base64,' + qr" />
</a> </a>
@ -84,6 +84,14 @@ await (async () => {
</script> </script>
<style scoped> <style scoped>
img {
width: 256px;
height: auto;
}
figcaption {
margin: 0.75em auto;
width: 256px;
}
.label { .label {
width: fit-content; width: fit-content;
margin: 1em auto; margin: 1em auto;