liamf/PortfolioWebsite
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

improve mobile experience

Browse Source
This commit is contained in:
Liam Fitzpatrick 2025-01-05 07:09:22 -05:00
parent a55d5407a4
commit f3ca57b936
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
leptos_components/src/elements/cards.rs
View File

@ -30,13 +30,13 @@ pub fn ProfessionalExperienceCard(
}
}
view!{
<div id={id} class="border border-4 m-auto mt-4 rounded w-9/12 bg-[#0C120C] flex flex-row justify-around p-4">
<div class="flex flex-col justify-center space-y-2 w-1/4">
<div id={id} class="border border-4 m-auto mt-4 rounded w-9/12 bg-[#0C120C] med:flex med:flex-row justify-around p-4">
<div class="flex flex-col justify-center space-y-2 md:w-1/4">
<img src={img_path} class="w-full" />
<H2>{heading}</H2>
<H3>{subtitle}</H3>
</div>
<div class="space-y-2 w-2/4">
<div class="space-y-2 md:w-2/4">
{
experience_blurbs.into_iter().map(|item| view!{
<P prop:innerHTML={item}>""</P>

2
website/src/app.rs
View File

@ -58,7 +58,7 @@ pub fn App() -> impl IntoView {
fn HomePage() -> impl IntoView {
view! {
<canvas id="p-e-canvas"></canvas>
<div class="flex flex-row min-h-screen justify-center items-center">
<div class="med:flex med:flex-row min-h-screen med:justify-center med:items-center">
<img class="max-w-lg rounded" src="/founder_portrait.jpg" />
<div class="flex flex-col m-4 p-2 items-start max-w-lg">
<ul class="flex flex-row justify-around w-full">