From 02ed9b7a5cb69cfc72aebe9790a914a8a71c0c5e Mon Sep 17 00:00:00 2001 From: jeffvli Date: Sat, 7 Jan 2023 23:37:33 -0800 Subject: [PATCH] Move ag-grid header margin to specific components --- .../features/albums/components/album-detail-content.tsx | 4 ++++ .../features/playlists/components/playlist-detail-content.tsx | 4 ++++ src/renderer/themes/default.scss | 3 +-- 3 files changed, 9 insertions(+), 2 deletions(-) diff --git a/src/renderer/features/albums/components/album-detail-content.tsx b/src/renderer/features/albums/components/album-detail-content.tsx index fb1b52a4..1c236ea0 100644 --- a/src/renderer/features/albums/components/album-detail-content.tsx +++ b/src/renderer/features/albums/components/album-detail-content.tsx @@ -39,6 +39,10 @@ const ContentContainer = styled.div` .ag-theme-alpine-dark { --ag-header-background-color: rgba(0, 0, 0, 0%) !important; } + + .ag-header { + margin-bottom: 0.5rem; + } `; interface AlbumDetailContentProps { diff --git a/src/renderer/features/playlists/components/playlist-detail-content.tsx b/src/renderer/features/playlists/components/playlist-detail-content.tsx index 5eca9651..081ee175 100644 --- a/src/renderer/features/playlists/components/playlist-detail-content.tsx +++ b/src/renderer/features/playlists/components/playlist-detail-content.tsx @@ -51,6 +51,10 @@ const ContentContainer = styled.div` .ag-theme-alpine-dark { --ag-header-background-color: rgba(0, 0, 0, 0%) !important; } + + .ag-header { + margin-bottom: 0.5rem; + } `; interface PlaylistDetailContentProps { diff --git a/src/renderer/themes/default.scss b/src/renderer/themes/default.scss index 3c1e2828..b7fead48 100644 --- a/src/renderer/themes/default.scss +++ b/src/renderer/themes/default.scss @@ -133,8 +133,7 @@ } .ag-header { - border-bottom: 1px solid var(--table-border-color); - margin-bottom: 1rem; + border-bottom: 2px solid var(--table-border-color); } .ag-ltr .ag-header-cell-resize {