30 lines
2.3 KiB
HTML
30 lines
2.3 KiB
HTML
<section id="tabs" data-transition="fade" style="background:#F4F8FD;color:#10243F;font-family:'Noto Sans KR', sans-serif;padding:128px;display:flex;gap:80px;align-items:center">
|
|
<div style="width:760px;display:flex;flex-direction:column;gap:36px">
|
|
<div style="display:flex;flex-direction:column;gap:16px">
|
|
<p style="font-family:'JetBrains Mono', monospace;font-size:26px;color:#1565C0;font-weight:600">화면 구성</p>
|
|
<h2 style="font-size:56px;font-weight:700;line-height:1.2">탭 4개 구성</h2>
|
|
</div>
|
|
<div style="display:flex;flex-direction:column">
|
|
<div style="display:flex;gap:28px;align-items:baseline;padding:24px 0px;border-top:2px solid #C9DCF2">
|
|
<h3 style="width:150px;font-size:34px;font-weight:700;color:#1565C0">홈</h3>
|
|
<p style="flex:1;font-size:26px;line-height:1.5;color:#3E5068">오늘의 팀 활동과 타임라인, 내 확인이 필요한 항목</p>
|
|
</div>
|
|
<div style="display:flex;gap:28px;align-items:baseline;padding:24px 0px;border-top:2px solid #C9DCF2">
|
|
<h3 style="width:150px;font-size:34px;font-weight:700;color:#1565C0">저장소</h3>
|
|
<p style="flex:1;font-size:26px;line-height:1.5;color:#3E5068">전체·즐겨찾기 저장소, 브랜치, 파일, 커밋</p>
|
|
</div>
|
|
<div style="display:flex;gap:28px;align-items:baseline;padding:24px 0px;border-top:2px solid #C9DCF2">
|
|
<h3 style="width:150px;font-size:34px;font-weight:700;color:#1565C0">작업</h3>
|
|
<p style="flex:1;font-size:26px;line-height:1.5;color:#3E5068">팀 전체·리뷰 요청·나에게 할당된 이슈와 PR</p>
|
|
</div>
|
|
<div style="display:flex;gap:28px;align-items:baseline;padding:24px 0px;border-top:2px solid #C9DCF2;border-bottom:2px solid #C9DCF2">
|
|
<h3 style="width:150px;font-size:34px;font-weight:700;color:#1565C0">알림</h3>
|
|
<p style="flex:1;font-size:26px;line-height:1.5;color:#3E5068">Gitea 알림과 즐겨찾기 저장소의 Push 알림</p>
|
|
</div>
|
|
</div>
|
|
<p style="font-size:24px;color:#5A6B80;line-height:1.5">접은 화면: 하단 탭 / 펼친 화면 · 가로 화면: 좌측 레일</p>
|
|
</div>
|
|
<img src="/_blob/d4ad73add3b6d1f7dbd3d60396bd2f9d" alt="펼친 화면의 홈" style="width:824px;height:821px;object-fit:contain;border-radius:20px;border:2px solid #C9DCF2">
|
|
<aside>우측: Z Fold 펼친 화면. 넓은 화면에서 탭은 좌측 레일로 이동, 홈은 팀 활동 · 타임라인 2단 표시.</aside>
|
|
</section>
|