diff --git a/packages/apps/src/Menu/Grouping.tsx b/packages/apps/src/Menu/Grouping.tsx index d0ca425eb9..3fd62c7b8b 100644 --- a/packages/apps/src/Menu/Grouping.tsx +++ b/packages/apps/src/Menu/Grouping.tsx @@ -103,6 +103,8 @@ export default React.memo(styled(Grouping)` &:hover { .groupHdr { box-shadow: 0px 4px 37px rgba(0, 0, 0, 0.08); + padding-bottom: 2rem; + margin-bottom: -2rem; } .groupMenu { diff --git a/packages/page-parachains/src/Overview/Parachain.tsx b/packages/page-parachains/src/Overview/Parachain.tsx index c8f41d7ffb..8d0e30cbd8 100644 --- a/packages/page-parachains/src/Overview/Parachain.tsx +++ b/packages/page-parachains/src/Overview/Parachain.tsx @@ -9,7 +9,7 @@ import type { EventMapInfo, QueuedAction } from './types'; import BN from 'bn.js'; import React, { useCallback, useEffect, useMemo, useState } from 'react'; -import { AddressMini, Badge, Expander, ParaLink } from '@polkadot/react-components'; +import { AddressMini, Expander, ParaLink } from '@polkadot/react-components'; import { useApi, useCall, useCallMulti, useParaApi } from '@polkadot/react-hooks'; import { BlockToTime } from '@polkadot/react-query'; import { formatNumber } from '@polkadot/util'; @@ -88,7 +88,7 @@ function renderAddresses (list?: AccountId[]): JSX.Element[] | undefined { )); } -function Parachain ({ bestNumber, className = '', id, isScheduled, lastBacked, lastInclusion, lastTimeout, nextAction, sessionValidators, validators }: Props): React.ReactElement { +function Parachain ({ bestNumber, className = '', id, lastBacked, lastInclusion, lastTimeout, nextAction, sessionValidators, validators }: Props): React.ReactElement { const { t } = useTranslation(); const { api } = useApi(); const { api: paraApi } = useParaApi(id); @@ -148,14 +148,6 @@ function Parachain ({ bestNumber, className = '', id, isScheduled, lastBacked, l return (

{formatNumber(id)}

- - {isScheduled && ( - - )} - {validators && validators.length !== 0 && ( diff --git a/packages/page-parachains/src/Overview/Parachains.tsx b/packages/page-parachains/src/Overview/Parachains.tsx index bef92739dd..faa8945388 100644 --- a/packages/page-parachains/src/Overview/Parachains.tsx +++ b/packages/page-parachains/src/Overview/Parachains.tsx @@ -128,7 +128,7 @@ function Parachains ({ actionsQueue, ids, scheduled }: Props): React.ReactElemen ], optionsMulti); const headerRef = useRef([ - [t('parachains'), 'start', 3], + [t('parachains'), 'start', 2], ['', 'media--1500'], [t('head'), 'start'], [t('lifecycle'), 'start media--1100'],