From 58ebd3bc0f00c532e97e9a5571471ffab87934ba Mon Sep 17 00:00:00 2001 From: AL-LCL Date: Fri, 19 May 2023 10:39:49 +0200 Subject: GOD-VIEW --- server/web/src/design/components/Select.design.tsx | 37 ++++++++++++++++++++++ 1 file changed, 37 insertions(+) create mode 100644 server/web/src/design/components/Select.design.tsx (limited to 'server/web/src/design/components/Select.design.tsx') diff --git a/server/web/src/design/components/Select.design.tsx b/server/web/src/design/components/Select.design.tsx new file mode 100644 index 0000000..92e6719 --- /dev/null +++ b/server/web/src/design/components/Select.design.tsx @@ -0,0 +1,37 @@ +import styled from 'styled-components'; + +export const SelectContainer = styled('div')` + position: fixed; +`; + +export const SelectRow = styled('div')` + border-bottom: solid thin rgb(31, 113, 145); + border-right: solid thin rgb(31, 113, 145); + border-left: solid thin rgb(31, 113, 145); + background-color: rgb(5, 32, 58); + font-size: 0.8rem; + transition: 250ms; + padding: 0.4rem; + cursor: pointer; + width: 8.5rem; + + :hover { + background-color: rgb(0, 55, 117); + transition: 250ms; + } + + :first-child { + border-top: solid thin rgb(31, 113, 145); + border-top-right-radius: 0.25rem; + border-top-left-radius: 0.25rem; + } + + :last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + } + + > svg { + vertical-align: text-bottom; + } +`; -- cgit v1.2.3