feat: add drag_and_drop feature

Spotrix · Oct 19, 2022 · 6cf7faa · 6cf7faa
1 parent 96d6c72
commit 6cf7faa
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 2 deletions.
diff --git a/spotrix-frontend/src/explore/components/DatasourcePanel/index.tsx b/spotrix-frontend/src/explore/components/DatasourcePanel/index.tsx
@@ -55,7 +55,7 @@ const ButtonContainer = styled.div`
 `;
 
 const DatasourceContainer = styled.div`
-  background-color: ${({ theme }) => theme.colors.grayscale.light4};
+  // background-color: ${({ theme }) => theme.colors.grayscale.light4};
   position: relative;
   height: 100%;
   display: flex;

diff --git a/spotrix-frontend/src/explore/components/ExploreViewContainer.jsx b/spotrix-frontend/src/explore/components/ExploreViewContainer.jsx
@@ -97,7 +97,7 @@ const Styles = styled.div`
     max-height: 100%;
   }
   .data-source-selection {
-    background-color: ${({ theme }) => theme.colors.grayscale.light4};
+    // background-color: ${({ theme }) => theme.colors.grayscale.light4};
     padding: ${({ theme }) => 2 * theme.gridUnit}px 0;
     border-right: 1px solid ${({ theme }) => theme.colors.grayscale.light2};
   }

diff --git a/spotrix-frontend/src/explore/components/optionRenderers.tsx b/spotrix-frontend/src/explore/components/optionRenderers.tsx
@@ -46,6 +46,7 @@ const OptionContainer = styled.div`
     width: ${({ theme }) => theme.gridUnit * 7}px;
     display: inline-block;
     text-align: center;
+    text-transform: lowercase;
     font-weight: ${({ theme }) => theme.typography.weights.bold};
   }
 `;

diff --git a/spotrix-frontend/stylesheets/less/index.less b/spotrix-frontend/stylesheets/less/index.less
@@ -94,3 +94,12 @@ header {
   text-align: center;
   line-height: 47px;
 }
+
+.column {
+  font-size: 12px;
+  background-color: rgb(247, 247, 247);
+  margin: 8px 0;
+  border-radius: 4px;
+  padding: 0;
+  cursor: pointer;
+}