444cfda3b2
## 概要 [Task1466: 画面実装（入力確認画面＆登録完了画面）](https://paruru.nds-tyo.co.jp:8443/tfs/ReciproCollection/fa4924a4-d079-4fab-9fb5-a9a11eb205f0/_workitems/edit/1466) - アカウント登録の確認画面と完了画面を実装しました。 ## レビューポイント - ページコンポーネントの配置、遷移に問題はないか - API呼び出しは適切か - エラー表示はスナックバー実装時にやる想定です。 - デザイン反映は適切か ## UIの変更 - Before/Afterのスクショなど - [Task1466](https://ndstokyo.sharepoint.com/:f:/r/sites/Piranha/Shared%20Documents/General/OMDS/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88/Task1466?csf=1&web=1&e=DGLJXs) ## 動作確認状況 - ローカルで確認
48 lines
917 B
SCSS
48 lines
917 B
SCSS
.header {
|
|
grid-area: header;
|
|
position: relative;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
box-shadow: 0 0 3px #282828;
|
|
background: linear-gradient(#ffffff, #ffffff 70%, #f0f0f0 100%);
|
|
z-index: 4;
|
|
}
|
|
.headerLogo {
|
|
margin: 1.2rem 2rem 1rem;
|
|
font-size: 1.71rem;
|
|
line-height: 2rem;
|
|
letter-spacing: 0.07rem;
|
|
font-weight: normal;
|
|
}
|
|
.headerLogo img {
|
|
width: 198px;
|
|
}
|
|
.headerSub {
|
|
margin: 1.4rem 2rem 1rem;
|
|
font-size: 1.2rem;
|
|
line-height: 2rem;
|
|
letter-spacing: 0.07rem;
|
|
font-weight: normal;
|
|
font-weight: 600;
|
|
text-align: right;
|
|
}
|
|
|
|
@media only screen and (min-width: 1280px) {
|
|
.header.home {
|
|
display: block;
|
|
padding-top: 30vh;
|
|
padding-left: 40%;
|
|
background: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.header.home .headerSub {
|
|
font-size: 1.4rem;
|
|
line-height: 2rem;
|
|
letter-spacing: 0.07rem;
|
|
font-weight: 600;
|
|
text-align: left;
|
|
}
|
|
}
|