feat: add dropdown to select preview port (#17)

packages/bolt/app/styles/animations.scss

@@ -34,3 +34,16 @@
     transform: translate3d(100%, 0, 0);
   }
 }
+
+.dropdown-animation {
+  opacity: 0;
+  animation: fadeMoveDown 0.15s forwards;
+  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+@keyframes fadeMoveDown {
+  to {
+    opacity: 1;
+    transform: translateY(6px);
+  }
+}

packages/bolt/app/styles/z-index.scss

@@ -8,6 +8,14 @@ $zIndexMax: 999;
   z-index: $zIndexMax - 2;
 }
 
+.z-port-dropdown {
+  z-index: $zIndexMax - 3;
+}
+
+.z-iframe-overlay {
+  z-index: $zIndexMax - 4;
+}
+
 .z-prompt {
   z-index: 2;
 }