Skip to content
Snippets Groups Projects
Commit 61cdb404 authored by Marius Nåvli Sjølie's avatar Marius Nåvli Sjølie
Browse files

Improved styling

parent bd3e1d05
Branches
No related tags found
No related merge requests found
.issue {
display: flex;
flex-direction: column;
display: grid;
display: grid;
grid-template-columns: 0.5fr 0.5fr;
grid-template-rows: 0.5fr 2fr 0.5fr;
color: black;
background: #8ECAE6;
width: 100%;
height: 40vw;
height: 40vh;
border-style: solid;
border-radius: 5px;
border-color: dodgerblue;
text-align: center;
margin: 4px;
margin-bottom: 5vw;
margin-top: 3vw;
box-shadow: 0 3px 10px black;
}
.title {
justify-self: center;
height: 7vw;
font-size: x-large;
font-size: 5vw;
margin: auto;
grid-column: 1/3;
grid-row-start: 1;
text-shadow: 2px 2px 4px #262626;
}
.description {
font-size: small;
font-size: 3.5vw;
height: 9vw;
width: 98%;
margin: auto;
grid-column: 1/3;
grid-row-start: 2;
}
.state {
height: 3vw;
margin: auto;
grid-column-start: 1;
grid-row-start: 3;
font-size: 2.5vw;
}
.date {
height: 3vw;
margin: auto;
grid-column-start: 2;
grid-row-start: 3;
font-size: 2.5vw;
}
......@@ -3,7 +3,7 @@ import styles from "../issueComponent/issueComponent.module.css";
import {Issue} from "../../utils/queryType";
class IssueComponent extends React.Component<{ item: Issue }, { key: number }>{
class IssueComponent extends React.Component<{ item: Issue, key: number }>{
state = {
key: 0
......
......@@ -8,6 +8,8 @@
.dropdown {
width: 100%;
left: 3px;
box-shadow: 0 3px 10px #4b4b4b;
border-radius: 5px;
}
......
body {
background-color: #e1f0f6;
font-family: Epilogue;
font-size: 2.5vw;
}
.container {
display: grid;
grid-template-columns: 0.2fr 2fr 0.2fr;
grid-template-columns: 0.5fr 2fr 0.5fr;
grid-template-rows: 0.5fr 2fr 0.5fr;
height: 70vw;
height: 40vw;
}
.headline {
......@@ -10,4 +16,6 @@
grid-row-start: 1;
justify-self: center;
color: black;
font-size: 6vw;
text-shadow: 2px 2px 4px #262626;
}
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment