Fix dropdown position (#3)

* display site name

* fix dropdown position absolute

index.html

@@ -9,5 +9,5 @@
   }
 </style>
 <div id="root"></div>
-<!-- <script src="https://d3e54v103j8qbb.cloudfront.net/gen/js/entrypoint-designer-extensions-client.e4ef1682e412a922c7e4.js"></script> -->
+<script src="https://d3e54v103j8qbb.cloudfront.net/gen/js/entrypoint-designer-extensions-client.e4ef1682e412a922c7e4.js"></script>
 <script type="module" src="src/main.tsx"></script>

src/components/Dropdown/Dropdown.tsx

@@ -11,7 +11,18 @@ export interface DropdownProps {
 
 const DropdownOptions: React.FC<DropdownProps> = (props) => {
   return (
-    <div style={{}}>
+    <div
+      style={{
+        position: "absolute",
+        zIndex: 100,
+        ...theme.background.secondary,
+        ...theme.border.primary,
+        borderTop: 0,
+        top: 25,
+        width: "100%",
+        left: -1,
+      }}
+    >
       {props.options.map(({ label, value }) => (
         <div
           style={{ display: "flex", padding: "4px 8px", cursor: "pointer" }}

src/theme.ts

@@ -26,7 +26,7 @@ export const theme: Theme = {
     primary: {
       borderColor: "#363636",
       borderWidth: 1,
-      borderRadius: 1,
+      borderRadius: 2,
       borderStyle: "solid",
     },
   },