mirror of
https://github.com/lrsjng/h5ai.git
synced 2025-06-02 00:08:19 -04:00
Updates preview.
This commit is contained in:
parent
72c7b32a94
commit
797d5bbc47
2 changed files with 44 additions and 45 deletions
|
@ -34,11 +34,21 @@
|
|||
|
||||
#pv-close-area {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
right: 8px;
|
||||
top: 8px;
|
||||
cursor: pointer;
|
||||
opacity: 0.5;
|
||||
|
||||
img {
|
||||
background-color: rgba(0,0,0,0.5);
|
||||
border-radius: 8px;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
#pv-prev-area, #pv-next-area {
|
||||
|
@ -46,14 +56,14 @@
|
|||
top: 50%;
|
||||
cursor: pointer;
|
||||
opacity: 0.5;
|
||||
.transition(all 0.2s ease-in-out);
|
||||
|
||||
img {
|
||||
background-color: rgba(0,0,0,0.5);
|
||||
border-radius: 8px;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
margin: -24px 0;
|
||||
margin: -72px 0;
|
||||
padding: 48px 0;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
@ -135,4 +145,18 @@
|
|||
bottom: 0;
|
||||
background-color: rgb(27,27,27);
|
||||
border-top: 1px solid rgb(45,45,45);
|
||||
|
||||
}
|
||||
|
||||
#pv-overlay.fullscreen {
|
||||
|
||||
#pv-bottombar {
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 700px) {
|
||||
#pv-prev-area, #pv-next-area, #pv-close-area {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue