misc_pterodactyl-panel/resources/scripts/components/elements/SubNavigation.tsx

31 lines
796 B
TypeScript
Raw Normal View History

import styled from 'styled-components/macro';
import tw, { theme } from 'twin.macro';
const SubNavigation = styled.div`
${tw`w-full bg-neutral-700 shadow overflow-x-auto`};
& > div {
${tw`flex items-center text-sm mx-auto px-2`};
max-width: 1200px;
& > a, & > div {
2020-12-26 17:50:09 +00:00
${tw`inline-block py-3 px-4 text-neutral-300 no-underline whitespace-nowrap transition-all duration-150`};
&:not(:first-of-type) {
${tw`ml-2`};
}
&:hover {
${tw`text-neutral-100`};
}
&:active, &.active {
${tw`text-neutral-100`};
box-shadow: inset 0 -2px ${theme`colors.cyan.700`.toString()};
}
}
}
`;
export default SubNavigation;