mirror of
https://github.com/hpware/news-analyze.git
synced 2025-07-17 16:09:06 +00:00
This commit is contained in:
parent
0c904fd5bd
commit
aa8fb3a2d2
2 changed files with 5 additions and 7 deletions
|
@ -137,7 +137,7 @@ onMounted(async () => {
|
|||
</div>
|
||||
<div
|
||||
v-if="loadingTranslations"
|
||||
class="flex flex-col bg-gray-200/50 text-black w-full h-full fixed inset-0 justify-center align-middle text-center z-[20] backdrop-blur-sm"
|
||||
class="flex flex-col bg-gray-200/50 text-black w-full h-full absolute inset-0 justify-center align-middle text-center z-[20] backdrop-blur-sm"
|
||||
>
|
||||
<!--Spinner from https://flowbite.com/docs/components/spinner/-->
|
||||
<div role="status">
|
||||
|
@ -164,7 +164,10 @@ onMounted(async () => {
|
|||
class="justify-center align-center text-center flex flex-col md:flex-row flex-wrap"
|
||||
>
|
||||
<div class="flex flex-col">
|
||||
<div class="group">
|
||||
<div class="p-4 w-full h-fit pt-0 mt-0">
|
||||
<img v-if="data.images[0]" :src="data.images[0]" class="rounded" />
|
||||
</div>
|
||||
<div class="group -translate-y-12 backdrop-blur-lg bg-gray-300/40">
|
||||
<h2 class="text-3xl text-bold">
|
||||
{{
|
||||
displayTranslatedText
|
||||
|
@ -186,9 +189,6 @@ onMounted(async () => {
|
|||
}}</span
|
||||
>
|
||||
</div>
|
||||
<div class="p-4 w-full h-fit pt-0 mt-0">
|
||||
<img v-if="data.images[0]" :src="data.images[0]" class="rounded" />
|
||||
</div>
|
||||
<div class="text-center" v-for="item in data.paragraph">
|
||||
{{ displayTranslatedText ? translateItem[item]?.translateText : item }}
|
||||
</div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue