landscape: step up font size in channel header

This commit is contained in:
Matilde Park 2021-01-19 15:44:42 -05:00
parent d0a276fd43
commit 22f7754583
2 changed files with 4 additions and 2 deletions

View File

@ -121,7 +121,7 @@ export function ChannelMenu(props: ChannelMenuProps) {
alignY="top"
dropWidth="250px"
>
<Icon display="block" icon="Menu" color="gray" />
<Icon display="block" icon="Menu" color="gray" pr='2' />
</Dropdown>
);
}

View File

@ -42,6 +42,7 @@ export function ResourceSkeleton(props: ResourceSkeletonProps) {
<Col width="100%" height="100%" overflowY="hidden">
<Box
flexShrink="0"
height='48px'
py="2"
px="2"
display="flex"
@ -54,6 +55,7 @@ export function ResourceSkeleton(props: ResourceSkeletonProps) {
borderRight={1}
borderRightColor="gray"
pr={3}
fontSize='1'
mr={3}
my="1"
display={["block", "none"]}
@ -71,7 +73,7 @@ export function ResourceSkeleton(props: ResourceSkeletonProps) {
{atRoot && (
<>
<Box pr={1} mr={2}>
<Text display="inline-block" verticalAlign="middle">
<Text fontSize='2' fontWeight='700' display="inline-block" verticalAlign="middle" textOverflow="ellipsis" overflow="hidden" whiteSpace="pre">
{title}
</Text>
</Box>