florian.richer/portfolio_leptos
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add experience page + Fix style

Browse source
This commit is contained in:
Florian RICHER 2023-12-09 19:08:27 +01:00
parent f8c9888d80
commit 48f3c27a20
9 changed files with 35 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

2
style/portfolio.css
View file

@ -10,4 +10,4 @@
@import './timeline.css';
@import './title.css';
@import './top_component.css';
/*@import './mermaid.css';*/
/*@import './mermaid.css';*/

2
style/post.css
View file

@ -1,7 +1,7 @@
@layer components {
.posts, .post {
@apply bg-surface dark:bg-dark_surface text-on_surface dark:text-dark_on_surface;
@apply min-h-screen py-5;
@apply min-h-screen p-5;
& h1 {
@apply text-5xl;

2
style/title.css
View file

@ -1,6 +1,6 @@
@layer components {
header {
@apply flex flex-row items-center justify-between flex-wrap mx-5;
@apply flex flex-col md:flex-row items-center justify-between p-5;
& h1 {
@apply text-center text-6xl mb-5 flex-1;

10
style/top_component.css
View file

@ -28,7 +28,15 @@
& > p {
@apply font-normal text-base;
}
}
& .top_component__actions {
@apply flex flex-wrap my-3 gap-5;
& a {
@apply flex-1 h-12 outline outline-2 rounded-md outline-on_surface dark:outline-dark_on_surface p-2 uppercase;
@apply flex items-center justify-center min-w-[150px];
}
}
}
}
}