Added circle progress while titles is loading and fix missing images

This commit is contained in:
CakesTwix 2024-09-24 15:14:11 +03:00
parent c740c2d72b
commit 74dfc5628e
Signed by: CakesTwix
GPG key ID: 7B11051D5CE19825
3 changed files with 69 additions and 64 deletions

View file

@ -2,6 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="referrer" content="no-referrer" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + Vue + TS</title> <title>Vite + Vue + TS</title>

View file

@ -1,6 +1,6 @@
<template> <template>
<main v-if="titles.length > 0">
<form @submit.prevent="filterTitles"> <form @submit.prevent="filterTitles">
<div class="field large prefix round fill"> <div class="field large prefix round fill">
<i class="front">search</i> <i class="front">search</i>
@ -71,6 +71,10 @@
</div> </div>
</div> </div>
</article> </article>
</main>
<main class="responsive middle-align center-align" v-else>
<progress class="circle extra"></progress>
</main>
<dialog :class="{ 'active': isUpdated }"> <dialog :class="{ 'active': isUpdated }">
<h5 class="primary-text">{{ update.response_code }}</h5> <h5 class="primary-text">{{ update.response_code }}</h5>

View file

@ -20,7 +20,7 @@
<article class="secondary-text"> <article class="secondary-text">
<a class="row wave"><i>title</i> Toloka2Web v2 Vue Version</a> <a class="row wave"><i>title</i> Toloka2Web v2 Vue Version</a>
<hr> <hr>
<a class="row wave"><i>conversion_path</i> v1.0.3</a> <a class="row wave"><i>conversion_path</i> v1.0.4</a>
</article> </article>
</template> </template>