DerexXD/ut-grade-distribution-viewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Rounded cornerssss

Browse Source
This commit is contained in:
HW Computer
2023-04-29 15:57:07 -05:00
parent b87ed8a9c6
commit 534cb4263d
2 changed files with 66 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@@ -22,6 +22,7 @@
</head>
<body>
<div class="wrapper">
<div class="about-text" value="">
<h1>About</h1>
<p>
@@ -70,6 +71,7 @@
<canvas id="gradeBar" style="width:100%;height:100%;"></canvas>
</div>
</div>
</div>
<footer>Created by Derek Chen
<!-- because VAPA lecture was a bit boring that day -->
</footer>

23
main.css
View File

@@ -1,7 +1,7 @@
body {
font-family: 'Helvetica Neue', sans-serif;
background: #1b1a2a;
background: linear-gradient(90deg, rgba(61, 87, 92, 1) 0, #454454 100%)
background: linear-gradient(90deg, rgba(61, 87, 92, 1) 0, #454454 100%);
}
a {
@@ -40,23 +40,38 @@ footer {
box-sizing: border-box
}
.wrapper {
display: grid;
gap: 2vw;
grid-auto-rows: minmax(100px, auto);
}
.about-text {
background-color: rgba(0, 0, 0, .4);
color: #fff;
border: 3px solid #f1f1f1;
text-align: center
text-align: center;
grid-column: 1;
grid-row: 1;
border-radius: 10px;
}
.bg-form {
background-color: rgba(0, 0, 0, .4);
color: #fff;
border: 3px solid #f1f1f1;
text-align: center
text-align: center;
grid-column: 1;
grid-row: 2;
border-radius: 10px;
}
.chart-container {
position: relative;
margin: auto;
height: 80vh;
width: 80vw
width: 80vw;
}