upd: fix tulisan panjang
Deskripsi: - menggunakan truncate pda beberapa text No Issues
This commit is contained in:
@@ -52,7 +52,7 @@ export default function ListDiscussionOnDetailDivision() {
|
|||||||
<Group>
|
<Group>
|
||||||
<GoDiscussionClosed size={25} />
|
<GoDiscussionClosed size={25} />
|
||||||
<Box w={{ base: 230, md: 400 }}>
|
<Box w={{ base: 230, md: 400 }}>
|
||||||
<Text fw={'bold'}>{v.judul}</Text>
|
<Text fw={'bold'} truncate="end">{v.judul}</Text>
|
||||||
</Box>
|
</Box>
|
||||||
</Group>
|
</Group>
|
||||||
<Group justify="space-between" mt={20} c={'#8C8C8C'}>
|
<Group justify="space-between" mt={20} c={'#8C8C8C'}>
|
||||||
|
|||||||
@@ -55,7 +55,7 @@ export default function ListDocumentOnDetailDivision() {
|
|||||||
</Center>
|
</Center>
|
||||||
</Paper>
|
</Paper>
|
||||||
<Box p={"sm"}>
|
<Box p={"sm"}>
|
||||||
<Text c={"dimmed"}>{v.title}</Text>
|
<Text c={"dimmed"} truncate="end"ta={"center"}>{v.title}</Text>
|
||||||
</Box>
|
</Box>
|
||||||
</Stack>
|
</Stack>
|
||||||
</UnstyledButton>
|
</UnstyledButton>
|
||||||
|
|||||||
@@ -40,7 +40,7 @@ export default function ListTaskOnDetailDivision() {
|
|||||||
{dataTask.map((v, i) =>
|
{dataTask.map((v, i) =>
|
||||||
<Carousel.Slide key={v.id}>
|
<Carousel.Slide key={v.id}>
|
||||||
<Box p={20} w={{ base: 300, md: 400 }} bg={WARNA.biruTua} style={{ borderRadius: 10, border: `1px solid ${"#D6D8F6"}` }}>
|
<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 justify="space-between" mt={20} c={'#aeaeae'}>
|
||||||
<Group gap={5} align="center">
|
<Group gap={5} align="center">
|
||||||
<CiClock2 size={18} />
|
<CiClock2 size={18} />
|
||||||
|
|||||||
@@ -50,7 +50,7 @@ export default function ListDiscussion() {
|
|||||||
<Group>
|
<Group>
|
||||||
<GoDiscussionClosed size={25} />
|
<GoDiscussionClosed size={25} />
|
||||||
<Box w={{ base: 230, md: 400 }}>
|
<Box w={{ base: 230, md: 400 }}>
|
||||||
<Text fw={'bold'}>{v.judul}</Text>
|
<Text fw={'bold'} truncate="end">{v.judul}</Text>
|
||||||
</Box>
|
</Box>
|
||||||
</Group>
|
</Group>
|
||||||
<Group justify="space-between" mt={20} c={'#8C8C8C'}>
|
<Group justify="space-between" mt={20} c={'#8C8C8C'}>
|
||||||
|
|||||||
@@ -53,7 +53,7 @@ export default function ListEventHome() {
|
|||||||
<Divider h={92} size="lg" orientation="vertical" color={colorDivider} />
|
<Divider h={92} size="lg" orientation="vertical" color={colorDivider} />
|
||||||
<Box>
|
<Box>
|
||||||
<Text>{event.jamAwal} - {event.jamAkhir}</Text>
|
<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>
|
<Text>Dibuat oleh : {event.dibuat}</Text>
|
||||||
</Box>
|
</Box>
|
||||||
</Group>
|
</Group>
|
||||||
|
|||||||
Reference in New Issue
Block a user