From a7aae3ff7e54b615d7803741867c50cbc53b72bf Mon Sep 17 00:00:00 2001 From: utin-francis-peter Date: Sun, 10 Nov 2024 03:29:56 +0100 Subject: [PATCH] style: minor adjustments in border-radius and spacings --- .../react-widget/src/components/QuerySources.tsx | 12 ++++-------- 1 file changed, 4 insertions(+), 8 deletions(-) diff --git a/extensions/react-widget/src/components/QuerySources.tsx b/extensions/react-widget/src/components/QuerySources.tsx index 7090a96a..325930df 100644 --- a/extensions/react-widget/src/components/QuerySources.tsx +++ b/extensions/react-widget/src/components/QuerySources.tsx @@ -4,9 +4,7 @@ import { ExternalLinkIcon } from '@radix-ui/react-icons' const SourcesWrapper = styled.div` -padding: 8px; -margin-left: 4px; -margin-bottom: 0.75rem; +margin: 4px; display: flex; flex-direction: column; overflow: hidden; @@ -16,8 +14,6 @@ const SourcesGrid = styled.div` display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem; - margin-left: 0.75rem; - margin-right: 1.25rem; max-width: 90vw; overflow-x: scroll; @@ -31,10 +27,10 @@ cursor: pointer; display: flex; flex-direction: column; justify-content: space-between; -border-radius: 1.25rem; +border-radius: 6px; background-color: ${props =>props.theme.secondary.bg}; -padding-left: 0.75rem; -padding-right: 0.75rem; + padding-left: 12px; +padding-right: 12px; color:${props => props.theme.text}; transform: background-color .2s, color .2s;