Fix All Text Input User & Admin, fix deskripsi detail break word

This commit is contained in:
2025-09-29 14:06:04 +08:00
parent 2a26db6e17
commit dbd56a1493
319 changed files with 965 additions and 817 deletions

View File

@@ -80,7 +80,7 @@ function Page() {
<Text pb={10} c={colors["blue-button"]} fw={"bold"} fz={"h3"}>
{v.name}
</Text>
<Text pb={10} fz={"h4"} ta={'justify'} dangerouslySetInnerHTML={{ __html: v.deskripsi }} />
<Text pb={10} fz={"h4"} ta={'justify'} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: v.deskripsi }} />
</Box>
</Box>
</Stack>

View File

@@ -120,7 +120,7 @@ function Page() {
<Box>
<Text fw={600} fz="lg" >Kronologi</Text>
<Text fz="sm" c="dimmed" dangerouslySetInnerHTML={{ __html: data.kronologi || '-' }} />
<Text fz="sm" c="dimmed" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: data.kronologi || '-' }} />
</Box>
<Divider />
@@ -142,6 +142,7 @@ function Page() {
fz="sm"
c="dimmed"
dangerouslySetInnerHTML={{ __html: item.deskripsi || '-' }}
style={{wordBreak: "break-word", whiteSpace: "normal"}}
/>
</Paper>
))}

View File

@@ -130,6 +130,7 @@ function Page() {
fz="md"
c="dimmed"
dangerouslySetInnerHTML={{ __html: item.deskripsi || '-' }}
style={{wordBreak: "break-word", whiteSpace: "normal"}}
/>
</Box>
))
@@ -191,7 +192,7 @@ function Page() {
>
<Stack gap="md">
<TextInput
value={stateLaporan.create.form.judul}
defaultValue={stateLaporan.create.form.judul}
onChange={(e) => (stateLaporan.create.form.judul = e.target.value)}
label={<Text fw="bold" fz="sm">Judul Laporan Publik</Text>}
placeholder="Masukkan judul laporan publik"
@@ -199,7 +200,7 @@ function Page() {
/>
<TextInput
value={stateLaporan.create.form.lokasi}
defaultValue={stateLaporan.create.form.lokasi}
onChange={(e) => (stateLaporan.create.form.lokasi = e.target.value)}
label={<Text fw="bold" fz="sm">Lokasi Laporan Publik</Text>}
placeholder="Masukkan lokasi laporan publik"
@@ -208,7 +209,7 @@ function Page() {
<DateTimePicker
label={<Text fw="bold" fz="sm">Tanggal Laporan Publik</Text>}
value={
defaultValue={
stateLaporan.create.form.tanggalWaktu
? new Date(stateLaporan.create.form.tanggalWaktu)
: null

View File

@@ -77,7 +77,7 @@ function DetailPencegahanKriminalitas() {
<Stack gap={4}>
<Text fz="sm" c="dimmed">Deskripsi Singkat</Text>
{data?.deskripsiSingkat ? (
<Text fz="md" dangerouslySetInnerHTML={{ __html: data.deskripsiSingkat }} />
<Text fz="md" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: data.deskripsiSingkat }} />
) : (
<Text fz="sm" c="dimmed">Belum ada deskripsi singkat</Text>
)}
@@ -86,7 +86,7 @@ function DetailPencegahanKriminalitas() {
<Stack gap={4}>
<Text fz="sm" c="dimmed">Deskripsi Lengkap</Text>
{data?.deskripsi ? (
<Text fz="md" dangerouslySetInnerHTML={{ __html: data.deskripsi }} />
<Text fz="md" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: data.deskripsi }} />
) : (
<Text fz="sm" c="dimmed">Belum ada deskripsi</Text>
)}

View File

@@ -82,6 +82,7 @@ function ListPencegahanKriminalitas({ search }: { search: string }) {
c="dimmed"
lineClamp={2}
dangerouslySetInnerHTML={{ __html: item.deskripsiSingkat || '' }}
style={{wordBreak: "break-word", whiteSpace: "normal"}}
/>
<Group justify="flex-end" mt="sm">
<Tooltip label="Lihat detail program" withArrow>

View File

@@ -82,7 +82,7 @@ function Page() {
{v.judul}
</Text>
<Box>
<Text pb={10} fz={"md"} dangerouslySetInnerHTML={{ __html: v.deskripsi }} />
<Text pb={10} fz={"md"} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: v.deskripsi }} />
</Box>
</Box>
</Box>