UniqAI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2024-11-16 21:42:58 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #3056 from open-webui/dev

Browse Source 
refac
This commit is contained in:
Timothy Jaeryang Baek 2024-06-12 03:15:25 -07:00 committed by GitHub
commit 0917fa6f4a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 49 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

87
src/app.html
View File

@ -83,54 +83,53 @@
src="/logo.svg" src="/logo.svg"
/> />
<img <div
id="logo-her"
style=" style="
position: absolute; position: absolute;
width: 13rem;
height: 13rem;
top: 33%; top: 33%;
left: 50%; left: 50%;
margin-left: -6.5rem;
"
src="/logo.svg"
class="animate-pulse-fast"
/>
<div
id="progress-background"
style="
position: absolute;
top: 58%;
left: 50%;
margin-left: -12rem;
width: 24rem; width: 24rem;
height: 0.75rem;
border-radius: 9999px;
background-color: #fafafa9a;
"
class="bg-white"
></div>
<div
id="progress-bar"
style="
position: absolute;
top: 58%;
left: 50%;
margin-left: -12rem; margin-left: -12rem;
height: 0.75rem; display: flex;
border-radius: 9999px; flex-direction: column;
background-color: #fff; align-items: center;
width: 0rem;
" "
class="bg-white" >
></div> <img
id="logo-her"
style="width: 13rem; height: 13rem"
src="/logo.svg"
class="animate-pulse-fast"
/>
<div style="position: relative; width: 24rem; margin-top: 0.5rem">
<div
id="progress-background"
style="
position: absolute;
width: 100%;
height: 0.75rem;
border-radius: 9999px;
background-color: #fafafa9a;
"
></div>
<div
id="progress-bar"
style="
position: absolute;
width: 100%;
height: 0.75rem;
border-radius: 9999px;
background-color: #fff;
"
class="bg-white"
></div>
</div>
</div>
<!-- <span style="position: absolute; bottom: 32px; left: 50%; margin: -36px 0 0 -36px"> <!-- <span style="position: absolute; bottom: 32px; left: 50%; margin: -36px 0 0 -36px">
Footer content Footer content
@ -188,6 +187,16 @@
display: block; display: block;
} }
@media (max-width: 24rem) {
html.her #progress-background {
display: none;
}
html.her #progress-bar {
display: none;
}
}
@keyframes pulse { @keyframes pulse {
50% { 50% {
opacity: 0.65; opacity: 0.65;

2
src/routes/+layout.svelte
View File

@ -129,7 +129,7 @@
const progressBar = document.getElementById('progress-bar'); const progressBar = document.getElementById('progress-bar');
if (progressBar) { if (progressBar) {
progressBar.style.width = `${value * 0.24}rem`; progressBar.style.width = `${value}%`;
} }
}); });