From 70fd20be742868d267c29b644236486782b34f11 Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Sun, 13 Oct 2019 20:22:15 +0700
Subject: [PATCH] playerbar appearance initial

---
 src/components/bars/PlayerBar/index.tsx       |  1 -
 src/components/bars/PlayerBar/styles.scss     | 19 ++-----------------
 .../main/BottomContainer/styles.scss          |  2 +-
 3 files changed, 3 insertions(+), 19 deletions(-)

diff --git a/src/components/bars/PlayerBar/index.tsx b/src/components/bars/PlayerBar/index.tsx
index 09aadcc0..1a6656eb 100644
--- a/src/components/bars/PlayerBar/index.tsx
+++ b/src/components/bars/PlayerBar/index.tsx
@@ -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}>
diff --git a/src/components/bars/PlayerBar/styles.scss b/src/components/bars/PlayerBar/styles.scss
index 64353447..1b8c4bbc 100644
--- a/src/components/bars/PlayerBar/styles.scss
+++ b/src/components/bars/PlayerBar/styles.scss
@@ -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;
diff --git a/src/containers/main/BottomContainer/styles.scss b/src/containers/main/BottomContainer/styles.scss
index 46ddf16c..9354d2f4 100644
--- a/src/containers/main/BottomContainer/styles.scss
+++ b/src/containers/main/BottomContainer/styles.scss
@@ -1,7 +1,7 @@
 .wrap {
   position: fixed;
   transform: translateZ(0);
-  bottom: 0px;
+  bottom: $gap;
   pointer-events: none;
   touch-action: none;
   height: 54px;