sam/pronounscc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat: frontend layout skeleton

Browse source
This commit is contained in:
Sam 2022-05-10 16:33:29 +02:00
parent 2e4b8b9823
commit 9c5a9a72d0
20 changed files with 1401 additions and 87 deletions
Download patch file Download diff file Expand all files Collapse all files

50
frontend/src/App.tsx
View file

@ -1,43 +1,21 @@
import { Routes, Route } from "react-router-dom";
import "./App.css";
import Container from "./lib/Container";
import Navigation from "./lib/Navigation";
import Home from "./pages/Home";
import User from "./pages/User";
function App() {
return (
<div className="container">
<div className="card">
<div className="card-image">
<figure className="image is-4by3">
<img
src="https://bulma.io/images/placeholders/1280x960.png"
alt="Placeholder image"
/>
</figure>
</div>
<div className="card-content">
<div className="media">
<div className="media-left">
<figure className="image is-48x48">
<img
src="https://bulma.io/images/placeholders/96x96.png"
alt="Placeholder image"
/>
</figure>
</div>
<div className="media-content">
<p className="title is-4">John Smith</p>
<p className="subtitle is-6">@johnsmith</p>
</div>
</div>
<div className="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus
nec iaculis mauris. <a>@bulmaio</a>.<a href="#">#css</a>{" "}
<a href="#">#responsive</a>
<br />
<time dateTime="2016-1-1">11:09 PM - 1 Jan 2016</time>
</div>
</div>
</div>
</div>
<>
<Navigation />
<Container>
<Routes>
<Route path="/" element={<Home />} />
<Route path="/u/:username" element={<User />} />
</Routes>
</Container>
</>
);
}