Fix initial project loading for client

2026-05-02 02:30:29 +00:00 · 2023-05-28 16:31:53 +01:00
parent d4f75aa8c8
commit bd462d7fb7
5 changed files with 14 additions and 55 deletions
@@ -0,0 +1,34 @@
+import styled from 'styled-components';
+
+type WrapperProps = {
+  color?: 'client' | 'productOwner' | 'developer' | 'admin';
+};
+
+export const Wrapper = styled.div<WrapperProps>`
+  position: fixed;
+  top: 0;
+  left: 75px;
+  z-index: 100;
+  width: 500px;
+  height: 100vh;
+  background: ${({ theme, color }) =>
+    color ? theme.colors[color].main : theme.colors.client.main};
+
+  .overlay {
+    position: fixed;
+    top: 0;
+    left: 575px;
+    width: 100vw;
+    height: 100vh;
+    background: rgba(0, 0, 0, 0.3);
+  }
+
+  .empty {
+    fill: ${({ theme, color }) =>
+      color ? theme.colors[color].main : theme.colors.client.main};
+  }
+
+  .messaging-empty {
+    fill: white;
+  }
+`;