nicoeri/filebrowser
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add files via upload

Browse Source
This commit is contained in:
niubility000 2021-10-22 08:47:10 +08:00 committed by GitHub
parent ebed16286a
commit 660173b930
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 36 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
frontend/src/css/base.css
View File

@ -111,30 +111,44 @@ main {
} }
#progress { #progress {
display: flex;
align-items: center;
justify-content: center;
position: fixed; position: fixed;
top: 4.5em; top: 4em;
right:1em; right:0.5em;
width: 50%; width: calc(50%-9.5em);
height: 2em; height: 5em;
z-index: 99998; z-index: 99998;
background:#fff; background:#fff;
margin: .5em;
padding: 0.5em;
border-radius: 0.2em;
box-shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .12);
color: #6f6f6f;
transition: .1s ease background, .1s ease opacity;
cursor: pointer;
}
#progress #frame {
width: 100%;
height: 2em;
border: 0.1em solid #6F6F6F; border: 0.1em solid #6F6F6F;
border-radius: 0.5em; border-radius: 0.5em;
} }
#progress div { #progress #frame div {
height: 100%; height: 100%;
background-color: #6F6F6F; background-color: #6F6F6F;
width: 0; width: 0;
transition: .2s ease width; transition: .2s ease width;
border-radius: 0.2em 0em 0em 0.2em; border-radius: 0.5em 0em 0em 0.5em;
} }
#progress div span { #progress #frame div span {
position: fixed; position: fixed;
height: 100%; height: 100%;
weight: 100%; right:calc(25vw-3.6em);
right:calc(25vw-0.25em);
font-size: 1.8em; font-size: 1.8em;
background: transparent; background: transparent;
color:blue; color:blue;
@ -142,18 +156,24 @@ main {
@media (max-width: 736px) { @media (max-width: 736px) {
#progress { #progress {
width: calc(50%);
height: 2em;
border-radius: 0.2em;
}
#progress #frame {
height: 1em; height: 1em;
border-radius: 0.25em; border-radius: 0.25em;
border: 1px solid #6F6F6F; border: 1px solid #6F6F6F;
} }
#progress div { #progress #frame div {
border-radius: 0.1em 0em 0em 0.1em; border-radius: 0.1em 0em 0em 0.1em;
} }
#progress div span { #progress #frame div span {
height: 100%; height: 100%;
right:calc(25vw-0.2em); right:calc(25vw+0.2em);
font-size: 0.8em; font-size: 0.8em;
} }
} }