ayo/ayco.io-astro
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: update now label

Browse source
This commit is contained in:
Ayo Ayco 2024-06-18 14:55:10 +02:00
parent 8485835411
commit a3d49d9fed
1 changed files with 4 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/pages/index.astro
View file

@ -35,7 +35,7 @@ import { stuff } from '../constants/stuff';
</ul> </ul>
<a href="/now" class="now-wrapper"> <a href="/now" class="now-wrapper">
<span class="now-label">Now</span> <span class="now-label">Now</span>
<span class="status">Frontend engineering lead @ ING</span> <span class="status">Chapter Lead, Frontend @ ING</span>
</a> </a>
</div> </div>
</div> </div>
@ -72,10 +72,6 @@ import { stuff } from '../constants/stuff';
color: white; color: white;
} }
main {
max-width: 100% !important;
}
.now-wrapper { .now-wrapper {
border: 1px solid rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 40px; border-radius: 40px;
@ -109,7 +105,7 @@ import { stuff } from '../constants/stuff';
.highlighted-section__content { .highlighted-section__content {
margin: auto; margin: auto;
padding: 1em 0; padding: 1rem;
max-width: var(--content-width); max-width: var(--content-width);
font-weight: normal; font-weight: normal;
font-size: var(--font-size-lg); font-size: var(--font-size-lg);
@ -190,7 +186,7 @@ import { stuff } from '../constants/stuff';
@media only screen and (min-device-width: 280px) and (max-device-width: 653px) { @media only screen and (min-device-width: 280px) and (max-device-width: 653px) {
.highlighted-section__content { .highlighted-section__content {
padding: 1em; padding: 1rem;
} }
.highlighted-section__content__profile-picture { .highlighted-section__content__profile-picture {
float: none; float: none;
@ -205,7 +201,7 @@ import { stuff } from '../constants/stuff';
@media only screen and (min-device-width: 360px) and (max-device-width: 812px) { @media only screen and (min-device-width: 360px) and (max-device-width: 812px) {
.highlighted-section__content { .highlighted-section__content {
padding: 1em; padding: 1rem;
} }
.highlighted-section__content ul li { .highlighted-section__content ul li {
font-size: var(--font-size-base); font-size: var(--font-size-base);