cosmik.network
A social knowledge tool for researchers built on ATProto
fix: text overflow on title and text components
+11
-23
src/webapp/app/page.tsx
+11
-23
src/webapp/app/page.tsx
···
50
50
Follow your peers’ research trails. Surface and discover new
51
51
connections. Built on ATProto so you own your data.
52
52
</Title>
53
-
{process.env.VERCEL_ENV === 'production' ? (
53
+
54
+
<Group gap="md" mt={'lg'}>
55
+
<Button component={Link} href="/signup" size="lg">
56
+
Sign up
57
+
</Button>
58
+
54
59
<Button
55
-
component="a"
56
-
href="https://forms.cosmik.network/waitlist"
57
-
target="_blank"
60
+
component={Link}
61
+
href="/login"
58
62
size="lg"
59
63
color="dark"
60
-
mt={'lg'}
64
+
rightSection={<BiRightArrowAlt size={22} />}
61
65
>
62
-
Join waitlist
66
+
Log in
63
67
</Button>
64
-
) : (
65
-
<Group gap="md" mt={'lg'}>
66
-
<Button component={Link} href="/signup" size="lg">
67
-
Sign up
68
-
</Button>
69
-
70
-
<Button
71
-
component={Link}
72
-
href="/login"
73
-
size="lg"
74
-
color="dark"
75
-
rightSection={<BiRightArrowAlt size={22} />}
76
-
>
77
-
Log in
78
-
</Button>
79
-
</Group>
80
-
)}
68
+
</Group>
81
69
</Stack>
82
70
83
71
<SimpleGrid
+1
-7
src/webapp/features/cards/components/urlCard/UrlCard.tsx
+1
-7
src/webapp/features/cards/components/urlCard/UrlCard.tsx
+1
-8
src/webapp/features/collections/components/collectionSelectorItem/CollectionSelectorItem.tsx
+1
-8
src/webapp/features/collections/components/collectionSelectorItem/CollectionSelectorItem.tsx
···
41
41
>
42
42
<Group justify="space-between" wrap="nowrap">
43
43
<Group gap={'xs'} wrap="nowrap">
44
-
<Text
45
-
fw={500}
46
-
lineClamp={1}
47
-
flex={1}
48
-
style={{
49
-
wordBreak: 'break-all',
50
-
}}
51
-
>
44
+
<Text fw={500} lineClamp={1} flex={1}>
52
45
{props.name}
53
46
</Text>
54
47
<Text c={'gray'}>·</Text>
+1
-3
src/webapp/features/collections/containers/collectionContainer/CollectionContainer.tsx
+1
-3
src/webapp/features/collections/containers/collectionContainer/CollectionContainer.tsx
···
59
59
<Text fw={700} c="grape">
60
60
Collection
61
61
</Text>
62
-
<Title order={1} style={{ wordBreak: 'break-all' }}>
63
-
{firstPage.name}
64
-
</Title>
62
+
<Title order={1}>{firstPage.name}</Title>
65
63
{firstPage.description && (
66
64
<Text c="gray" mt="lg">
67
65
{firstPage.description}
+2
-11
src/webapp/features/profile/components/profileHeader/ProfileHeader.tsx
+2
-11
src/webapp/features/profile/components/profileHeader/ProfileHeader.tsx
···
44
44
<GridCol span={{ base: 12, xs: 9 }}>
45
45
<Stack gap={'sm'}>
46
46
<Stack gap={0}>
47
-
<Title
48
-
order={1}
49
-
fz={{ base: 'h2', md: 'h1' }}
50
-
style={{ wordBreak: 'break-all' }}
51
-
>
47
+
<Title order={1} fz={{ base: 'h2', md: 'h1' }}>
52
48
{profile.name}
53
49
</Title>
54
-
<Text
55
-
c="blue"
56
-
fw={600}
57
-
fz={{ base: 'lg', md: 'xl' }}
58
-
style={{ wordBreak: 'break-all' }}
59
-
>
50
+
<Text c="blue" fw={600} fz={{ base: 'lg', md: 'xl' }}>
60
51
@{profile.handle}
61
52
</Text>
62
53
</Stack>
+1
-5
src/webapp/features/semble/components/SembleHeader/SembleHeader.tsx
+1
-5
src/webapp/features/semble/components/SembleHeader/SembleHeader.tsx
···
48
48
</Tooltip>
49
49
</Text>
50
50
51
-
{metadata.title && (
52
-
<Title order={1} style={{ wordBreak: 'break-all' }}>
53
-
{metadata.title}
54
-
</Title>
55
-
)}
51
+
{metadata.title && <Title order={1}>{metadata.title}</Title>}
56
52
</Stack>
57
53
{metadata.description && (
58
54
<Spoiler showLabel={'Read more'} hideLabel={'See less'}>
+16
src/webapp/styles/theme.tsx
+16
src/webapp/styles/theme.tsx
···
11
11
Spoiler,
12
12
TabsTab,
13
13
Tooltip,
14
+
Title,
15
+
Text,
14
16
} from '@mantine/core';
15
17
16
18
export const theme = createTheme({
···
122
124
Tooltip: Tooltip.extend({
123
125
defaultProps: {
124
126
position: 'top-start',
127
+
},
128
+
}),
129
+
Title: Text.extend({
130
+
styles: {
131
+
root: {
132
+
wordBreak: 'break-word',
133
+
},
134
+
},
135
+
}),
136
+
Text: Text.extend({
137
+
styles: {
138
+
root: {
139
+
wordBreak: 'break-word',
140
+
},
125
141
},
126
142
}),
127
143
},