Mobile responsiveness fixes

This commit is contained in:
Dane Everitt 2020-10-03 16:25:39 -07:00
parent 47d59ca20f
commit 2a42ef5c62
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
5 changed files with 66 additions and 72 deletions

View file

@ -2,11 +2,11 @@ import styled from 'styled-components/macro';
import tw from 'twin.macro';
export default styled.div<{ $hoverable?: boolean }>`
${tw`flex rounded no-underline text-neutral-200 items-center bg-neutral-700 p-4 border border-transparent transition-colors duration-150`};
${tw`flex rounded no-underline text-neutral-200 items-center bg-neutral-700 p-4 border border-transparent transition-colors duration-150 overflow-hidden`};
${props => props.$hoverable !== false && tw`hover:border-neutral-500`};
& > div.icon {
& .icon {
${tw`rounded-full bg-neutral-500 p-3`};
}
`;