yunchan/vignette
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

현재 작업 전체 반영

Browse source
This commit is contained in:
Yun Chan 2026-06-27 16:08:41 +09:00
parent 5560638e54
commit c0dddab594
85 changed files with 11322 additions and 539 deletions
Download patch file Download diff file Expand all files Collapse all files

54
apps/web/src/pages/LearnerHome.tsx
View file

@ -430,6 +430,8 @@ const LH_CSS = `
width:min(100%,1480px);
min-height:calc(100dvh - var(--topbar-h));
margin:0 auto;
position:relative;
isolation:isolate;
display:grid;
grid-template-rows:auto minmax(0,1fr);
align-content:start;
@ -438,6 +440,18 @@ const LH_CSS = `
background:var(--bg-app);
overflow:visible;
}
.lh-root::before{
content:"";
position:absolute;
z-index:-1;
inset:-120px -220px auto auto;
width:min(720px,58vw);
height:520px;
background:var(--asset-warm-elements) center / cover no-repeat;
opacity:.07;
filter:saturate(.8);
pointer-events:none;
}
.lh-head{
display:flex;
align-items:center;
@ -500,6 +514,16 @@ const LH_CSS = `
box-shadow:var(--shadow-sm);
overflow:hidden;
}
.lh-list-pane::after{
content:"";
position:absolute;
inset:auto -48px -68px auto;
width:180px;
height:180px;
background:var(--asset-warm-elements) center / cover no-repeat;
opacity:.05;
pointer-events:none;
}
.lh-pane-head{
display:flex;
align-items:center;
@ -637,6 +661,7 @@ const LH_CSS = `
}
.lh-preview__main{
min-width:0;
position:relative;
display:grid;
gap:var(--sp-4);
align-content:start;
@ -645,6 +670,22 @@ const LH_CSS = `
border-radius:var(--radius);
background:var(--bg-surface);
box-shadow:var(--shadow-sm);
overflow:hidden;
}
.lh-preview__main::after{
content:"";
position:absolute;
inset:auto -180px -210px auto;
width:520px;
height:360px;
background:var(--asset-warm-elements) center / cover no-repeat;
opacity:.08;
filter:saturate(.82);
pointer-events:none;
}
.lh-preview__main > *{
position:relative;
z-index:1;
}
.lh-preview__hero{
min-width:0;
@ -721,7 +762,8 @@ const LH_CSS = `
min-width:0;
padding:var(--sp-4);
border-radius:var(--radius);
background:var(--bg-surface-2);
background:
linear-gradient(180deg,color-mix(in srgb,var(--clay-tint) 48%,var(--bg-surface-2)),var(--bg-surface-2));
}
.lh-summary p{
margin:8px 0 0;
@ -971,6 +1013,11 @@ const LH_CSS = `
max-height:none;
overflow:visible;
}
.lh-root::before{
width:560px;
height:420px;
opacity:.055;
}
.lh-personas{
grid-template-columns:repeat(2,minmax(0,1fr));
grid-auto-rows:auto;
@ -989,6 +1036,11 @@ const LH_CSS = `
padding:12px;
gap:12px;
}
.lh-root::before,
.lh-preview__main::after,
.lh-list-pane::after{
display:none;
}
.lh-head{
align-items:flex-start;
}