style; proper styling for url preview

This commit is contained in:
freeplay 2023-07-08 20:30:24 -04:00
parent 70ae862e91
commit 50e0eb1d4f

View file

@ -51,7 +51,7 @@
<MkLoading mini /> <MkLoading mini />
</div> </div>
<div v-else> <div v-else>
<h3 :title="title || undefined" style="line-height: 0.8; margin-top: 0.5rem;">{{ title || url }}</h3> <h3 :title="title || undefined">{{ title || url }}</h3>
<p :title="description"> <p :title="description">
<span> <span>
<span :title="sitename || undefined"> <span :title="sitename || undefined">
@ -240,7 +240,7 @@ onUnmounted(() => {
width: 0; width: 0;
flex-grow: 1; flex-grow: 1;
} }
h1, h3,
p { p {
display: block; display: block;
margin: 0; margin: 0;
@ -248,7 +248,7 @@ onUnmounted(() => {
text-overflow: ellipsis; text-overflow: ellipsis;
max-width: 100%; max-width: 100%;
} }
h1 { h3 {
font-size: 1em; font-size: 1em;
white-space: nowrap; white-space: nowrap;
margin-bottom: 0.2em; margin-bottom: 0.2em;