Skip to content

GitLab

Unverified Commit 0917fa6f authored by Timothy Jaeryang Baek's avatar Timothy Jaeryang Baek Committed by GitHub
Browse files

Merge pull request #3056 from open-webui/dev 

refac
parents c41b33c9 c7d3969a
Hide whitespace changes
Inline Side-by-side
Showing with 49 additions and 40 deletions
src/app.html
View file @ 0917fa6f
...@@ -83,54 +83,53 @@ ...@@ -83,54 +83,53 @@
src="/logo.svg" src="/logo.svg"
/> />
<img
id="logo-her"
style="
position: absolute;
width: 13rem;
height: 13rem;
top: 33%;
left: 50%;
margin-left: -6.5rem;
"
src="/logo.svg"
class="animate-pulse-fast"
/>
<div <div
id="progress-background"
style=" style="
position: absolute; position: absolute;
top: 58%; top: 33%;
left: 50%; 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 @@ ...@@ -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;
......
src/routes/+layout.svelte
View file @ 0917fa6f
...@@ -129,7 +129,7 @@ ...@@ -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}%`;
} }
}); });
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment