Hare/yoi
1
1
Fork 0
Code Actions Packages Releases Activity

web: simplify header chrome

Browse Source
This commit is contained in:
Keisuke Hirata 2026-07-23 18:49:36 +09:00
parent 11663830e3
commit 61b1735292
No known key found for this signature in database
2 changed files with 4 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
web/workspace/src/app.css
View File

@ -141,7 +141,7 @@
grid-row: 1; grid-row: 1;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: flex-end;
min-width: 0; min-width: 0;
min-height: 3.25rem; min-height: 3.25rem;
padding: 0 var(--space-5); padding: 0 var(--space-5);
@ -149,24 +149,6 @@
background: color-mix(in srgb, var(--bg-raised) 88%, transparent); background: color-mix(in srgb, var(--bg-raised) 88%, transparent);
backdrop-filter: blur(14px); backdrop-filter: blur(14px);
} }
.workspace-topbar-title {
display: inline-flex;
align-items: center;
gap: var(--space-2);
color: var(--text-strong);
font-weight: 700;
}
.workspace-topbar-logo {
display: inline-grid;
width: 1.8rem;
height: 1.8rem;
place-items: center;
border-radius: var(--radius-soft);
background: var(--interactive-hover);
color: var(--text-strong);
font-size: 0.9rem;
font-weight: 800;
}
.workspace-topbar-actions { .workspace-topbar-actions {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
@ -235,6 +217,8 @@
.workspace-sidebar { .workspace-sidebar {
grid-column: 1; grid-column: 1;
grid-row: 1; grid-row: 1;
border-right: 0;
border-bottom: 1px solid var(--line);
} }
.workspace-topbar { .workspace-topbar {
grid-column: 1; grid-column: 1;
@ -258,6 +242,7 @@
min-height: 0; min-height: 0;
overflow-y: auto; overflow-y: auto;
padding: var(--space-4) var(--space-3); padding: var(--space-4) var(--space-3);
border-right: 1px solid var(--line);
} }
.sidebar-header { .sidebar-header {
display: grid; display: grid;

4
web/workspace/src/routes/+layout.svelte
View File

@ -22,10 +22,6 @@
onToggleCollapsed={() => (sidebarCollapsed = !sidebarCollapsed)} onToggleCollapsed={() => (sidebarCollapsed = !sidebarCollapsed)}
/> />
<header class="workspace-topbar"> <header class="workspace-topbar">
<div class="workspace-topbar-title" aria-label="Yoi Workspace">
<span class="workspace-topbar-logo" aria-hidden="true">Y</span>
<span>Yoi</span>
</div>
<nav class="workspace-topbar-actions" aria-label="Global navigation"> <nav class="workspace-topbar-actions" aria-label="Global navigation">
<a class="topbar-icon-button" href="/account" aria-label="Open Account" title="Account"> <a class="topbar-icon-button" href="/account" aria-label="Open Account" title="Account">
<svg class="topbar-icon" aria-hidden="true" viewBox="0 0 24 24"> <svg class="topbar-icon" aria-hidden="true" viewBox="0 0 24 24">