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 = ({ status }) => { return (
-
S
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;