UniqAI
/
open-webui
mirror of https://github.com/open-webui/open-webui
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #3056 from open-webui/dev 

refac
This commit is contained in:
Timothy Jaeryang Baek 2024-06-12 03:15:25 -07:00 committed by GitHub
parent c41b33c9c0 c7d3969a53
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

47
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;
width: 24rem;
margin-left: -12rem;
display: flex;
flex-direction: column;
align-items: center;
" "
>
<img
id="logo-her"
style="width: 13rem; height: 13rem"
src="/logo.svg" src="/logo.svg"
class="animate-pulse-fast" class="animate-pulse-fast"
/> />
<div style="position: relative; width: 24rem; margin-top: 0.5rem">
<div <div
id="progress-background" id="progress-background"
style=" style="
position: absolute; position: absolute;
top: 58%; width: 100%;
left: 50%;
margin-left: -12rem;
width: 24rem;
height: 0.75rem; height: 0.75rem;
border-radius: 9999px; border-radius: 9999px;
background-color: #fafafa9a; background-color: #fafafa9a;
" "
class="bg-white"
></div> ></div>
<div <div
id="progress-bar" id="progress-bar"
style=" style="
position: absolute; position: absolute;
top: 58%; width: 100%;
left: 50%;
margin-left: -12rem;
height: 0.75rem; height: 0.75rem;
border-radius: 9999px; border-radius: 9999px;
background-color: #fff; background-color: #fff;
width: 0rem;
" "
class="bg-white" class="bg-white"
></div> ></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}%`;
} }
}); });