18 lines
469 B
TypeScript
18 lines
469 B
TypeScript
import styled from "styled-components";
|
|
import { TASKBAR_HEIGHT } from "utils/constants";
|
|
|
|
const StyledTaskbar = styled.nav`
|
|
backdrop-filter: ${({ theme }) => `blur(${theme.sizes.taskbar.blur})`};
|
|
background-color: ${({ theme }) => theme.colors.taskbar.background};
|
|
bottom: 0;
|
|
contain: size layout;
|
|
height: ${TASKBAR_HEIGHT}px;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
width: 100vw;
|
|
z-index: 100000;
|
|
`;
|
|
|
|
export default StyledTaskbar;
|