console: Position notifications panel

TheThingsNetwork · Feb 8, 2024 · 9f5cb67 · 9f5cb67
1 parent e71f6f0
commit 9f5cb67
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 2 deletions.
diff --git a/pkg/webui/components/panel/panel.styl b/pkg/webui/components/panel/panel.styl
@@ -13,7 +13,6 @@
 // limitations under the License.
 
 .panel
-  width: 100%
   border-radius: $br.xl
   border: 1px solid var(--c-border-neutral-light)
   background-color: var(--c-bg-neutral-min)

diff --git a/pkg/webui/console/containers/notifications-dashboard-panel/index.js b/pkg/webui/console/containers/notifications-dashboard-panel/index.js
@@ -110,6 +110,7 @@ const NotificationsDashboardPanel = () => {
       icon="inbox"
       buttonTitle={sharedMessages.viewAll}
       messageDecorators={totalUnseenNotifications > 0 ? <MessageDecorator /> : undefined}
+      className={style.notificationPanel}
     >
       <FetchTable
         entity="notifications"

diff --git a/...webui/console/containers/notifications-dashboard-panel/notifications-dashboard-panel.styl b/...webui/console/containers/notifications-dashboard-panel/notifications-dashboard-panel.styl
@@ -13,6 +13,7 @@
 // limitations under the License.
 
 .notification-panel
+  height: 26rem
   &-title, &-preview
     overflow: hidden
     text-overflow: ellipsis

diff --git a/pkg/webui/console/views/overview/index.js b/pkg/webui/console/views/overview/index.js
@@ -19,6 +19,8 @@ import Breadcrumb from '@ttn-lw/components/breadcrumbs/breadcrumb'
 
 import RequireRequest from '@ttn-lw/lib/components/require-request'
 
+import NotificationsDashboardPanel from '@console/containers/notifications-dashboard-panel'
+
 import sharedMessages from '@ttn-lw/lib/shared-messages'
 
 import { getApplicationsList } from '@console/store/actions/applications'
@@ -31,7 +33,7 @@ const Overview = () => {
     <RequireRequest requestAction={[getApplicationsList(), getGatewaysList()]}>
       <div className="grid p-ls-xs3 box-border">
         <div className="item-6 m:item-6 l:item-12 s:item-12">
-          <div style={{ height: '30rem', backgroundColor: 'lightgray' }} />
+          <NotificationsDashboardPanel />
         </div>
         <div className="item-6 m:item-6 l:item-12 s:item-12">
           <div style={{ height: '30rem', backgroundColor: 'lightgray' }} />