Commit 6397b1e1 authored by janickess's avatar janickess
Browse files

Started on commitView (#2)

parent cc9c4877
......@@ -36,3 +36,12 @@
transform: rotate(360deg);
}
}
.panel-heading {
font-weight: bold;
}
.commits {
width: 80vw;
margin: auto;
}
import React from "react";
import logo from "./logo.svg";
import "./App.css";
import CommitView from "./components/commitView";
function App() {
return (
......@@ -12,10 +12,7 @@ function App() {
<h3>Issues</h3>
<p>Legg inn det under her :)</p>
</section>
<section>
<h3>Commits</h3>
<p>Legg inn det under her :)</p>
</section>
<CommitView />
</div>
);
}
......
import React from "react";
type commitProps = {
title: string;
date: number;
};
function commit({ title, date }: commitProps) {
return (
<>
<head>
<link
rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<div className="panel panel-default">
<div className="panel-heading">{title}</div>
<div className="panel-body">{date}</div>
</div>
</>
);
}
export default commit;
import Commit from "./commit";
function commitView() {
return (
<div className="commits">
<h3>Commits</h3>
<Commit title={"Updated homepage"} date={13.09} />
<Commit title={"Testesen"} date={14.09} />
</div>
);
}
export default commitView;
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment