ignore: sync

1 files changed, 66 insertions, 0 deletions

diff --git a/cloud/app/src/routes/workspace.css b/cloud/app/src/routes/workspace.css
new file mode 100644
index 000000000..e18b410ee
--- /dev/null
+++ b/cloud/app/src/routes/workspace.css
@@ -0,0 +1,66 @@
+[data-page="workspace"] {
+  line-height: 1;
+
+  @media (max-width: 30rem) {
+    padding: var(--space-4);
+    gap: var(--space-5);
+  }
+
+  /* Workspace Header */
+  [data-component="workspace-header"] {
+    position: sticky;
+    top: 0;
+    z-index: 100;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: var(--space-4) var(--space-4);
+    border-bottom: 1px solid var(--color-border);
+    background-color: var(--color-bg);
+
+    @media (max-width: 30rem) {
+      padding: 0 var(--space-4);
+      margin: calc(-1 * var(--space-4));
+      margin-bottom: var(--space-5);
+    }
+  }
+
+  [data-slot="header-brand"] {
+    flex: 0 0 auto;
+    padding-top: 4px;
+
+    svg {
+      width: 138px;
+    }
+
+    [data-component="site-title"] {
+      font-size: var(--font-size-lg);
+      font-weight: 600;
+      color: var(--color-text);
+      text-decoration: none;
+      letter-spacing: -0.02em;
+    }
+  }
+
+  [data-slot="header-actions"] {
+    display: flex;
+    gap: var(--space-4);
+    align-items: center;
+    font-size: var(--font-size-sm);
+
+    span {
+      color: var(--color-text-muted);
+    }
+
+    a,
+    button {
+      border: none;
+      padding: 0;
+      color: var(--color-text);
+      text-decoration: underline;
+      text-underline-offset: var(--space-0-75);
+      text-decoration-thickness: 1px;
+      text-transform: uppercase;
+    }
+  }
+}