roleypoly/v3
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly.git synced 2025-06-16 17:49:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: update prettier tab width for consistency (#175)

Browse source
This commit is contained in:
41666 2021-03-13 22:54:34 -05:00 • committed by GitHub
parent a931f8c69c
commit f24d2fcc99
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
247 changed files with 7224 additions and 7375 deletions
Download patch file Download diff file Expand all files Collapse all files

16
packages/design-system/molecules/user-popover/UserPopover.stories.tsx
View file

@ -4,15 +4,15 @@ import { user } from '../../fixtures/storyData';
import { UserPopover as UserPopoverComponent } from './UserPopover';
export default {
title: 'Molecules/User Popover',
component: UserPopoverComponent,
args: {
user,
},
title: 'Molecules/User Popover',
component: UserPopoverComponent,
args: {
user,
},
};
export const UserPopover = (args) => (
<PopoverBase active>
<UserPopoverComponent {...args} />
</PopoverBase>
<PopoverBase active>
<UserPopoverComponent {...args} />
</PopoverBase>
);

44
packages/design-system/molecules/user-popover/UserPopover.styled.ts
View file

@ -3,31 +3,31 @@ import { transitions } from '@roleypoly/design-system/atoms/timings';
import styled from 'styled-components';
export const Base = styled.div`
text-align: right;
display: flex;
flex-direction: column;
user-select: none;
text-align: right;
display: flex;
flex-direction: column;
user-select: none;
`;
export const NavAction = styled.div`
height: 2.25em;
display: flex;
align-items: center;
justify-content: flex-end;
transition: color ${transitions.actionable}s ease-in-out;
color: ${palette.taupe500};
box-sizing: border-box;
height: 2.25em;
display: flex;
align-items: center;
justify-content: flex-end;
transition: color ${transitions.actionable}s ease-in-out;
color: ${palette.taupe500};
box-sizing: border-box;
&:hover {
cursor: pointer;
color: ${palette.taupe600};
}
&:hover {
cursor: pointer;
color: ${palette.taupe600};
}
svg {
font-size: 120%;
box-sizing: content-box;
padding: 5px 8px;
position: relative;
top: 0.1em;
}
svg {
font-size: 120%;
box-sizing: content-box;
padding: 5px 8px;
position: relative;
top: 0.1em;
}
`;

28
packages/design-system/molecules/user-popover/UserPopover.tsx
View file

@ -6,21 +6,21 @@ import { GoGear, GoSignOut } from 'react-icons/go';
import { Base, NavAction } from './UserPopover.styled';
type UserPopoverProps = {
user: DiscordUser;
user: DiscordUser;
};
export const UserPopover = (props: UserPopoverProps) => (
<Base>
<UserAvatarGroup user={props.user} preventCollapse={true} />
<NavAction>
<CompletelyStylelessLink to="/user/settings">
Settings <GoGear />
</CompletelyStylelessLink>
</NavAction>
<NavAction>
<CompletelyStylelessLink to="/machinery/logout">
Log Out <GoSignOut />
</CompletelyStylelessLink>
</NavAction>
</Base>
<Base>
<UserAvatarGroup user={props.user} preventCollapse={true} />
<NavAction>
<CompletelyStylelessLink to="/user/settings">
Settings <GoGear />
</CompletelyStylelessLink>
</NavAction>
<NavAction>
<CompletelyStylelessLink to="/machinery/logout">
Log Out <GoSignOut />
</CompletelyStylelessLink>
</NavAction>
</Base>
);