upd: notifikasi pengumuman

Deskripsi:
- responsive button pada notifikasi pengumuman

No Issuesf
This commit is contained in:
amel
2025-04-15 17:13:38 +08:00
parent ce35a4ecb8
commit 2265bd566e

View File

@@ -7,7 +7,7 @@ import { IoCloseOutline } from 'react-icons/io5';
import { TEMA } from '../bin/val_global'; import { TEMA } from '../bin/val_global';
export default function NotificationCustomeCenter({ title, desc, onClick }: { title: string, desc: string, onClick: (val: string) => void, }) { export default function NotificationCustomeCenter({ title, desc, onClick }: { title: string, desc: string, onClick: (val: string) => void, }) {
const [opened, setOpened] = useState(false); const [opened, setOpened] = useState(false)
const tema = useHookstate(TEMA) const tema = useHookstate(TEMA)
useShallowEffect(() => { useShallowEffect(() => {
@@ -72,7 +72,15 @@ export default function NotificationCustomeCenter({ title, desc, onClick }: { ti
/> />
<Text size="xl" fw={500} ta="center">PENGUMUMAN</Text> <Text size="xl" fw={500} ta="center">PENGUMUMAN</Text>
<Text size="sm" ta="center">{desc}</Text> <Text size="sm" ta="center">{desc}</Text>
<SimpleGrid cols={2} spacing="xs" w={'90%'}> <SimpleGrid
cols={{ base: 1, sm: 2, lg: 2 }}
spacing="xs"
w={'90%'}>
{/* {
isMobile
? <></>
:
<> */}
<Button <Button
fullWidth fullWidth
radius="md" radius="md"
@@ -93,6 +101,8 @@ export default function NotificationCustomeCenter({ title, desc, onClick }: { ti
> >
Tandai Telah Dibaca Tandai Telah Dibaca
</Button> </Button>
{/* </>
} */}
</SimpleGrid> </SimpleGrid>
</Flex> </Flex>
</Box> </Box>