From 77a94f0dd90ec2c97a687d33313eda1cd7e00b73 Mon Sep 17 00:00:00 2001 From: Oleg Makarenko Date: Sun, 22 Sep 2024 16:07:43 +0200 Subject: [PATCH] [explorer/frontend] fix: Account and Node page styles --- explorer/frontend/pages/nodes/[publicKey].jsx | 2 +- .../styles/pages/AccountInfo.module.scss | 21 +++++++++++++++++-- .../styles/pages/NodeInfo.module.scss | 21 ++----------------- 3 files changed, 22 insertions(+), 22 deletions(-) diff --git a/explorer/frontend/pages/nodes/[publicKey].jsx b/explorer/frontend/pages/nodes/[publicKey].jsx index ea2e230ed..c17e0b36e 100644 --- a/explorer/frontend/pages/nodes/[publicKey].jsx +++ b/explorer/frontend/pages/nodes/[publicKey].jsx @@ -3,7 +3,7 @@ import Avatar from '@/components/Avatar'; import Field from '@/components/Field'; import Section from '@/components/Section'; import ValueCopy from '@/components/ValueCopy'; -import styles from '@/styles/pages/AccountInfo.module.scss'; +import styles from '@/styles/pages/NodeInfo.module.scss'; import Head from 'next/head'; import { useTranslation } from 'next-i18next'; import { serverSideTranslations } from 'next-i18next/serverSideTranslations'; diff --git a/explorer/frontend/styles/pages/AccountInfo.module.scss b/explorer/frontend/styles/pages/AccountInfo.module.scss index 27ba5d44a..70d4df846 100644 --- a/explorer/frontend/styles/pages/AccountInfo.module.scss +++ b/explorer/frontend/styles/pages/AccountInfo.module.scss @@ -16,8 +16,16 @@ height: 23rem; } -.name { - word-break: break-all; +.stateSectionCard { + height: 23rem; + + .stateTable { + display: flex; + flex-flow: column wrap; + gap: $spacing-base; + height: 16rem; + overflow-x: auto; + } } @media #{$screen-mobile} { @@ -32,4 +40,13 @@ .secondSectionCard { height: auto; } + + .stateSectionCard { + height: auto; + + .stateTable { + height: auto; + max-height: 30rem; + } + } } diff --git a/explorer/frontend/styles/pages/NodeInfo.module.scss b/explorer/frontend/styles/pages/NodeInfo.module.scss index 70d4df846..27ba5d44a 100644 --- a/explorer/frontend/styles/pages/NodeInfo.module.scss +++ b/explorer/frontend/styles/pages/NodeInfo.module.scss @@ -16,16 +16,8 @@ height: 23rem; } -.stateSectionCard { - height: 23rem; - - .stateTable { - display: flex; - flex-flow: column wrap; - gap: $spacing-base; - height: 16rem; - overflow-x: auto; - } +.name { + word-break: break-all; } @media #{$screen-mobile} { @@ -40,13 +32,4 @@ .secondSectionCard { height: auto; } - - .stateSectionCard { - height: auto; - - .stateTable { - height: auto; - max-height: 30rem; - } - } }