forked from abner/for-legacy-web
fix(jumpbar): started css rewrite
This commit is contained in:
@@ -32,16 +32,6 @@ export const Bar = styled.div<{ position: "top" | "bottom"; accent?: boolean }>`
|
|||||||
`}
|
`}
|
||||||
|
|
||||||
> div {
|
> div {
|
||||||
${(props) =>
|
|
||||||
props.position === "bottom" &&
|
|
||||||
css`
|
|
||||||
${() =>
|
|
||||||
isTouchscreenDevice &&
|
|
||||||
css`
|
|
||||||
top: -90px;
|
|
||||||
`}
|
|
||||||
`}
|
|
||||||
|
|
||||||
height: 28px;
|
height: 28px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -53,7 +43,6 @@ export const Bar = styled.div<{ position: "top" | "bottom"; accent?: boolean }>`
|
|||||||
user-select: none;
|
user-select: none;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
transition: color ease-in-out 0.08s;
|
transition: color ease-in-out 0.08s;
|
||||||
top: -90px;
|
|
||||||
|
|
||||||
${(props) =>
|
${(props) =>
|
||||||
props.accent
|
props.accent
|
||||||
|
|||||||
Reference in New Issue
Block a user