Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-08-27 13:49:10 +02:00
Code Issues Projects Releases Wiki Activity

docs: add offset big logo in wide mode

Browse Source
This commit is contained in:
Thomas Heartman 2024-01-31 10:58:56 +09:00
parent e53ad4b5a7
commit 60d1139447
No known key found for this signature in database
GPG Key ID: BD1F880DAED1EE78
2 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
website/src/components/unleash-academy/Banner.jsx
View File

@ -12,9 +12,10 @@ const Component = () => {
<li>100% Free & online</li> <li>100% Free & online</li>
<li>Valuable certification</li> <li>Valuable certification</li>
</ul> </ul>
<div className='icon'></div> <div className='small-logo'></div>
<span className='unleash-action-button'>Get certified</span> <span className='unleash-action-button'>Get certified</span>
</div> </div>
<div className='big-logo'></div>
</div> </div>
); );
}; };

21
website/src/css/custom.css
View File

@ -377,7 +377,7 @@ html[data-theme='light'] .banner-container {
grid-area: header; grid-area: header;
} }
.icon { .small-logo {
grid-area: logo; grid-area: logo;
background-image: url('/img/unleash-academy/academy-logo.svg'); background-image: url('/img/unleash-academy/academy-logo.svg');
background-repeat: no-repeat; background-repeat: no-repeat;
@ -405,11 +405,20 @@ html[data-theme='light'] .banner-container {
width: 240px; width: 240px;
} }
.icon { .small-logo {
background-position: center var(--banner-padding); display: none;
/* width: 100%; */ }
aspect-ratio: unset;
background-size: contain; .big-logo {
position: absolute;
background-image: url('/img/unleash-academy/academy-logo.svg');
bottom: 0;
right: 40px;
width: 200px;
height: 100%;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: bottom -70%;
} }
} }
} }