upd: fix tulisan panjang

Deskripsi:
- menggunakan truncate pda beberapa text

No Issues
This commit is contained in:
amel
2024-07-17 13:41:37 +08:00
parent ae2b4d6395
commit d54a6cfb09
5 changed files with 5 additions and 5 deletions

View File

@@ -52,7 +52,7 @@ export default function ListDiscussionOnDetailDivision() {
<Group>
<GoDiscussionClosed size={25} />
<Box w={{ base: 230, md: 400 }}>
<Text fw={'bold'}>{v.judul}</Text>
<Text fw={'bold'} truncate="end">{v.judul}</Text>
</Box>
</Group>
<Group justify="space-between" mt={20} c={'#8C8C8C'}>

View File

@@ -55,7 +55,7 @@ export default function ListDocumentOnDetailDivision() {
</Center>
</Paper>
<Box p={"sm"}>
<Text c={"dimmed"}>{v.title}</Text>
<Text c={"dimmed"} truncate="end"ta={"center"}>{v.title}</Text>
</Box>
</Stack>
</UnstyledButton>

View File

@@ -40,7 +40,7 @@ export default function ListTaskOnDetailDivision() {
{dataTask.map((v, i) =>
<Carousel.Slide key={v.id}>
<Box p={20} w={{ base: 300, md: 400 }} bg={WARNA.biruTua} style={{ borderRadius: 10, border: `1px solid ${"#D6D8F6"}` }}>
<Text fw={'bold'} c={WARNA.bgWhite}>{v.title}</Text>
<Text fw={'bold'} c={WARNA.bgWhite} truncate="end">{v.title}</Text>
<Group justify="space-between" mt={20} c={'#aeaeae'}>
<Group gap={5} align="center">
<CiClock2 size={18} />

View File

@@ -50,7 +50,7 @@ export default function ListDiscussion() {
<Group>
<GoDiscussionClosed size={25} />
<Box w={{ base: 230, md: 400 }}>
<Text fw={'bold'}>{v.judul}</Text>
<Text fw={'bold'} truncate="end">{v.judul}</Text>
</Box>
</Group>
<Group justify="space-between" mt={20} c={'#8C8C8C'}>

View File

@@ -53,7 +53,7 @@ export default function ListEventHome() {
<Divider h={92} size="lg" orientation="vertical" color={colorDivider} />
<Box>
<Text>{event.jamAwal} - {event.jamAkhir}</Text>
<Text fw={"bold"}>{event.title}</Text>
<Text fw={"bold"} truncate="end">{event.title}</Text>
<Text>Dibuat oleh : {event.dibuat}</Text>
</Box>
</Group>