muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

playerbar appearance initial

Browse source
This commit is contained in:
Fedor Katurov 2019-10-13 20:22:15 +07:00
parent 7263f3b7b9
commit 70fd20be74
3 changed files with 3 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/components/bars/PlayerBar/index.tsx
View file

@ -21,7 +21,6 @@ const PlayerBarUnconnected: FC<IProps> = ({ status }) => {
return (
<div className={styles.place}>
<div className={styles.seeker}>S</div>
<div className={styles.wrap}>
<div className={styles.status}>
<div className={styles.playpause}>

19
src/components/bars/PlayerBar/styles.scss
View file

@ -6,14 +6,14 @@
&:hover {
.seeker {
transform: translate(0, -40px);
transform: translate(0, -64px);
}
}
}
.wrap {
display: flex;
border-radius: $radius 0 0 0;
border-radius: 27px;
background: $green_gradient;
align-items: center;
box-shadow: rgba(0, 0, 0, 0.3) 0 2px 5px, inset rgba(255, 255, 255, 0.3) 0 1px,
@ -38,21 +38,6 @@
height: 54px;
}
.seeker {
position: absolute;
z-index: 1;
width: 100%;
height: 54px;
left: 0;
background: transparentize($content_bg, 0);
transform: translate(0, 0);
transition: transform 0.25s;
border-radius: $radius;
box-sizing: border-box;
padding: $gap;
@include outer_shadow();
}
.playpause,
.close {
flex: 0 0 48px;