chight/Web-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated element sizing in ivans widget

Browse Source
This commit is contained in:
vkuchenik
2026-08-10 07:53:26 -07:00
parent 8742b85d1c
commit 182495e11a
1 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/Widgets/IvansAlerts.jsx
+12 -10
View File
@@ -144,13 +144,14 @@ export default function IvansAlerts({ settings, widgetID }) {
pos="relative"
justify="top" align="center"
p={2} gap={2}
overflowY="auto"
overflow="auto"
borderRadius="xl"
bg="gray.800"
>
{data.map((item, index) => {
return (
<Collapsible.Root key={index} w="100%">
{/* Using context to dynamically change the border radii of the triggers */}
<Collapsible.Context>
{(collapsible) => (
<>
@@ -172,17 +173,18 @@ export default function IvansAlerts({ settings, widgetID }) {
</Flex>
</Flex>
</Collapsible.Trigger>
<Collapsible.Content w="100%" h="100%">
<Box p={1} pl={2} borderBottomRadius="lg" bg="gray.700/45">
<Text textAlign="left" color="gray.100">{item?.summary}</Text>
<Collapsible.Content w="100%" h="auto">
{/* This box needs to be at h="100%" for the pdf toolbar to appear */}
<Box w="100%" h="100%" p={1} pl={2} borderBottomRadius="lg" bg="gray.700/45">
<Text fontSize="sm" textAlign="left" color="gray.100">{item?.summary}</Text>
<br />
{item?.files?.map((file, index) => {
return (
<>
<object key={index}
data={`${file?.url}#view=FitH&toolbar=1`}
type="application/pdf"
style={{ width: '100%', height: '100%', display: 'block' }}
<Box w="100%" h="100%" key={index} p={1}>
<object
data={`${file?.url}#view=FitH&toolbar=1`}
type="application/pdf"
style={{ width: '100%', height: '100%', display: 'block' }}
>
<Flex w="100%" h="100%" p={4} color="gray.400">
<Text mb={2} color="fg.muted">
@@ -194,7 +196,7 @@ export default function IvansAlerts({ settings, widgetID }) {
</Flex>
</object>
<br />
</>
</Box>
)})}
</Box>
</Collapsible.Content>