b4cd0208e6
## 概要 [Task: 1468](https://paruru.nds-tyo.co.jp:8443/tfs/ReciproCollection/OMDSDictation/_sprints/taskboard/OMDSDictation%20%E3%83%81%E3%83%BC%E3%83%A0/OMDSDictation/%E3%82%B9%E3%83%97%E3%83%AA%E3%83%B3%E3%83%88%204-2?workitem=1468) - ヘッダーcomponentを作成 - ログイン前とログイン後でヘッダーが異なるので各ページに配置するようにした - 呼び出すcomponentは一つとして作成し、内部でヘッダーを切り替えるようにした - フッターcomponentを作成 - ログイン前とログイン後でページのデザインが異なるのでヘッダー同様、各ページに配置することにした ## レビューポイント - ヘッダーの作成方法に問題はないか ## UIの変更 - 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/Task1468?csf=1&web=1&e=K2tFjK ## 動作確認状況 - 型チェック - ローカルで動作確認 ## 補足
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.8rem 2rem 1rem;
|
|
font-size: 1.71rem;
|
|
line-height: 2rem;
|
|
letter-spacing: 0.07rem;
|
|
font-weight: normal;
|
|
}
|
|
.headerLogo img {
|
|
width: 198px;
|
|
}
|
|
.headerSub {
|
|
margin: 1.8rem 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;
|
|
}
|
|
}
|