github/TheGame
1
1
Fork 0
mirror of https://github.com/MetaFam/TheGame.git synced 2026-04-24 03:00:09 -04:00
Code Issues Packages Projects Releases Wiki Activity

style: make everything pretty

Browse Source
This commit is contained in:
vidvidvid
2021-11-21 12:05:41 +01:00
committed by Alec LaLonde
parent 544dac6537
commit 8dc0047395
2 changed files with 21 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
packages/web/components/Dashboard/LatestContentTabs/Listen.tsx
View File

@@ -46,19 +46,26 @@ export const Listen: React.FC = () => {
backgroundColor="blackAlpha.500"
borderRadius="md"
>
<Heading size="xs" color="white" mb={2}>
<Heading size="xs" color="white" pb={4}>
{item.title}
</Heading>
<Text
textOverflow={item.showMore ? '' : 'ellipsis'}
overflow={item.showMore ? '' : 'hidden'}
whiteSpace={item.showMore ? 'normal' : 'nowrap'}
fontSize="sm"
cursor="pointer"
color="white"
onClick={() => setItems([...findAndReplace(item.src)])}
>
{item.description}
</Text>
<Text
cursor="pointer"
color="white"
color="blueLight"
pt={1}
pb={1}
fontWeight="bold"
onClick={() => setItems([...findAndReplace(item.src)])}
>
{item.showMore ? 'Show less' : 'Show more'}

27
packages/web/components/Dashboard/config.ts
View File

@@ -46,10 +46,7 @@ export const gridConfig = {
overflow: 'hidden',
transition: 'boxShadow 0.2s 0.3s ease',
p: {
fontFamily: 'mono',
fontSize: 'sm',
fontWeight: 'bold',
color: 'blueLight',
mr: 'auto',
},
'& > div': {
@@ -82,9 +79,9 @@ export const gridConfig = {
'&__xs': {
'.chakra-tabs': {
'&__tab-panel': {
p: {
color: 'purple.50',
},
// p: {
// color: 'purple.50',
// },
// '&--read': {
// p: {
// color: 'purple.50',
@@ -106,27 +103,27 @@ export const gridConfig = {
'&__sm': {
'.chakra-tabs': {
'&__tab-panel': {
p: {
color: 'purple.200',
},
// p: {
// color: 'purple.200',
// },
},
},
},
'&__md': {
'.chakra-tabs': {
'&__tab-panel': {
p: {
color: 'purple.300',
},
// p: {
// color: 'purple.300',
// },
},
},
},
'&__lg': {
'.chakra-tabs': {
'&__tab-panel': {
p: {
color: 'pink.400',
},
// p: {
// color: 'pink.400',
// },
},
},
},