Skip to content

Commit f97d426

Browse files
Parthivk100Parthivk100
authored
feat(tour): fixed alignment issues with storage card (#10)
1 parent 9c8c77d commit f97d426

3 files changed

Lines changed: 72 additions & 9 deletions

File tree

‎packages/react-core/src/demos/Animations/AnimationsOverview.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -156,17 +156,17 @@ export const AnimationsOverview: FunctionComponent<AnimationsOverviewProps> = ({
156156
<GridItem span={12} sm={12} md={6} lg={4} xl={3} rowSpan={2}>
157157
<AnimationsOverviewClusterInventory />
158158
</GridItem>
159-
<GridItem span={12} sm={12} md={6} lg={4} xl={2} rowSpan={2}>
159+
<GridItem span={12} sm={12} md={6} lg={4} xl={3} rowSpan={2}>
160160
<AnimationsOverviewStorage />
161161
</GridItem>
162-
<GridItem span={12} sm={12} md={12} lg={12} xl={4} rowSpan={2}>
162+
<GridItem span={12} sm={12} md={12} lg={8} xl={3} rowSpan={2}>
163163
<AnimationsOverviewMemoryUtilization />
164164
</GridItem>
165-
<GridItem span={12} sm={12} md={12} lg={12} xl={4} rowSpan={2}>
165+
<GridItem span={12} sm={12} md={12} lg={12} xl={3} rowSpan={2}>
166166
<AnimationsOverviewNetworkActivity />
167167
</GridItem>
168168
{recentActivityCard && (
169-
<GridItem span={12} sm={12} md={12} lg={8} xl={5} rowSpan={2}>
169+
<GridItem span={12} sm={12} md={12} lg={8} xl={6} rowSpan={2}>
170170
{recentActivityCard}
171171
</GridItem>
172172
)}

‎packages/react-core/src/demos/Animations/AnimationsOverviewStorage.tsx‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,12 @@ export const StorageCard: React.FunctionComponent = () => {
6767
</CardTitle>
6868
</CardHeader>
6969
<CardBody>
70-
<Flex direction={{ default: 'row' }} spaceItems={{ default: 'spaceItemsSm' }}>
70+
<Flex
71+
direction={{ default: 'row' }}
72+
justifyContent={{ default: 'justifyContentCenter' }}
73+
alignItems={{ default: 'alignItemsCenter' }}
74+
spaceItems={{ default: 'spaceItemsSm' }}
75+
>
7176
<FlexItem>
7277
<ChartDonutThreshold
7378
ariaDesc="Mock storage capacity"

‎yarn.lock‎

Lines changed: 62 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3775,7 +3775,24 @@ __metadata:
37753775
languageName: node
37763776
linkType: hard
37773777

3778-
"@patternfly/react-core@npm:^6.0.0, @patternfly/react-core@workspace:^, @patternfly/react-core@workspace:packages/react-core":
3778+
"@patternfly/react-core@npm:^6.0.0, @patternfly/react-core@npm:^6.3.0":
3779+
version: 6.3.0
3780+
resolution: "@patternfly/react-core@npm:6.3.0"
3781+
dependencies:
3782+
"@patternfly/react-icons": "npm:^6.3.0"
3783+
"@patternfly/react-styles": "npm:^6.3.0"
3784+
"@patternfly/react-tokens": "npm:^6.3.0"
3785+
focus-trap: "npm:7.6.4"
3786+
react-dropzone: "npm:^14.3.5"
3787+
tslib: "npm:^2.8.1"
3788+
peerDependencies:
3789+
react: ^17 || ^18 || ^19
3790+
react-dom: ^17 || ^18 || ^19
3791+
checksum: 10c0/d3182b64ad495d85dfed9592540a22c18821b8241c5d4defe44fdd98aba97353d0a79b7b3c8bccd26a0bc1c691a7e33dcbdc82a012b4c2af877cc8a306494825
3792+
languageName: node
3793+
linkType: hard
3794+
3795+
"@patternfly/react-core@workspace:^, @patternfly/react-core@workspace:packages/react-core":
37793796
version: 0.0.0-use.local
37803797
resolution: "@patternfly/react-core@workspace:packages/react-core"
37813798
dependencies:
@@ -3833,7 +3850,17 @@ __metadata:
38333850
languageName: unknown
38343851
linkType: soft
38353852

3836-
"@patternfly/react-icons@npm:^6.0.0, @patternfly/react-icons@workspace:^, @patternfly/react-icons@workspace:packages/react-icons":
3853+
"@patternfly/react-icons@npm:^6.0.0, @patternfly/react-icons@npm:^6.3.0":
3854+
version: 6.3.0
3855+
resolution: "@patternfly/react-icons@npm:6.3.0"
3856+
peerDependencies:
3857+
react: ^17 || ^18 || ^19
3858+
react-dom: ^17 || ^18 || ^19
3859+
checksum: 10c0/fd926139c27a47fe9aebcda44a8366e3a3d8ca37c545c6e6104be7255af26299b5cfe3cdf1e3b0c5cf017982cbb3be425e3dd80ebee3d34d42f3519e020f0dfc
3860+
languageName: node
3861+
linkType: hard
3862+
3863+
"@patternfly/react-icons@workspace:^, @patternfly/react-icons@workspace:packages/react-icons":
38373864
version: 0.0.0-use.local
38383865
resolution: "@patternfly/react-icons@workspace:packages/react-icons"
38393866
dependencies:
@@ -3923,7 +3950,14 @@ __metadata:
39233950
languageName: unknown
39243951
linkType: soft
39253952

3926-
"@patternfly/react-styles@npm:^6.0.0, @patternfly/react-styles@workspace:^, @patternfly/react-styles@workspace:packages/react-styles":
3953+
"@patternfly/react-styles@npm:^6.0.0, @patternfly/react-styles@npm:^6.3.0":
3954+
version: 6.3.0
3955+
resolution: "@patternfly/react-styles@npm:6.3.0"
3956+
checksum: 10c0/3721e96fe499073c26b36d45dd91ddf91ee22ac4ba3e08783c2001a1a2d454ea408795bd9c96d91fe06b516528ce2896e1c428036d8aec88034a7dc89e03b098
3957+
languageName: node
3958+
linkType: hard
3959+
3960+
"@patternfly/react-styles@workspace:^, @patternfly/react-styles@workspace:packages/react-styles":
39273961
version: 0.0.0-use.local
39283962
resolution: "@patternfly/react-styles@workspace:packages/react-styles"
39293963
dependencies:
@@ -3933,7 +3967,24 @@ __metadata:
39333967
languageName: unknown
39343968
linkType: soft
39353969

3936-
"@patternfly/react-table@npm:^6.0.0, @patternfly/react-table@workspace:^, @patternfly/react-table@workspace:packages/react-table":
3970+
"@patternfly/react-table@npm:^6.0.0":
3971+
version: 6.3.0
3972+
resolution: "@patternfly/react-table@npm:6.3.0"
3973+
dependencies:
3974+
"@patternfly/react-core": "npm:^6.3.0"
3975+
"@patternfly/react-icons": "npm:^6.3.0"
3976+
"@patternfly/react-styles": "npm:^6.3.0"
3977+
"@patternfly/react-tokens": "npm:^6.3.0"
3978+
lodash: "npm:^4.17.21"
3979+
tslib: "npm:^2.8.1"
3980+
peerDependencies:
3981+
react: ^17 || ^18 || ^19
3982+
react-dom: ^17 || ^18 || ^19
3983+
checksum: 10c0/68b2dbf6fa43ffe2afc7f67bf2bfd883d98083ddd2a9c2b7ad416dc42a61f19ffd49f615fe79b04001a6c1fa3ffc3fb7651d499956c136de01eac480d297cde8
3984+
languageName: node
3985+
linkType: hard
3986+
3987+
"@patternfly/react-table@workspace:^, @patternfly/react-table@workspace:packages/react-table":
39373988
version: 0.0.0-use.local
39383989
resolution: "@patternfly/react-table@workspace:packages/react-table"
39393990
dependencies:
@@ -3964,6 +4015,13 @@ __metadata:
39644015
languageName: unknown
39654016
linkType: soft
39664017

4018+
"@patternfly/react-tokens@npm:^6.3.0":
4019+
version: 6.3.0
4020+
resolution: "@patternfly/react-tokens@npm:6.3.0"
4021+
checksum: 10c0/761ebedac08543fc54bafd7c389968294834c33036f90c2f65bba30ccadfd602f6f5023b9585201f7997bf28d10374536846c98034a92fcbe19afdcf15c7917d
4022+
languageName: node
4023+
linkType: hard
4024+
39674025
"@patternfly/react-tokens@workspace:^, @patternfly/react-tokens@workspace:packages/react-tokens":
39684026
version: 0.0.0-use.local
39694027
resolution: "@patternfly/react-tokens@workspace:packages/react-tokens"

0 commit comments

Comments
 (0)