From 82e03978b89938219958032efb1448cc76baa181 Mon Sep 17 00:00:00 2001 From: Saumit Date: Sat, 27 Sep 2025 02:14:26 +0530 Subject: Initial snapshot - OpenTelemetry demo 2.1.3 -f --- src/frontend/components/Select/Select.styled.ts | 31 +++++++++++++++++++++++++ 1 file changed, 31 insertions(+) create mode 100644 src/frontend/components/Select/Select.styled.ts (limited to 'src/frontend/components/Select/Select.styled.ts') diff --git a/src/frontend/components/Select/Select.styled.ts b/src/frontend/components/Select/Select.styled.ts new file mode 100644 index 0000000..319ee59 --- /dev/null +++ b/src/frontend/components/Select/Select.styled.ts @@ -0,0 +1,31 @@ +// Copyright The OpenTelemetry Authors +// SPDX-License-Identifier: Apache-2.0 + +import styled from 'styled-components'; + +export const Select = styled.select` + width: 100%; + height: 45px; + border: 1px solid ${({ theme }) => theme.colors.borderGray}; + padding: 10px 16px; + border-radius: 8px; + position: relative; + width: 100px; + cursor: pointer; +`; + +export const SelectContainer = styled.div` + position: relative; + width: min-content; +`; + +export const Arrow = styled.img.attrs({ + src: '/icons/Chevron.svg', + alt: 'select', +})` + position: absolute; + right: 25px; + top: 20px; + width: 10px; + height: 5px; +`; -- cgit v1.2.3