olinpin/twitter-project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

buttons

Browse Source
This commit is contained in:
Tim Wijma
2022-11-02 12:16:43 +01:00
parent abb93024a2
commit 07d5aecb0d
2 changed files with 16 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
dashboard_static/index.html
View File

@@ -94,10 +94,10 @@
</div>
<div class="rightcol column">
<div class="searchcontainer column">
<input class = "searchbar" type = "text" placeholder="SEARCH CLUCCS...">
<button class = "button">SORT BY</button>
<button class = "button">BLOCKED WORDS</button>
<button class = "button">POPULARITY FILTER</button>
<input class="searchbar" type="text" placeholder="SEARCH CLUCCS...">
<button class="button">SORT BY <span class="material-symbols-outlined">arrow_drop_down</span></button>
<button class="button">BLOCKED WORDS</button>
<button class="button">POPULARITY FILTER</button>
</div>
<div class="popchart column">
<h1 class="colheader chartheader">SPORTS POPULARITY CHART</h1>

16
dashboard_static/style/style.css
View File

@@ -187,12 +187,14 @@ body {
.searchcontainer {
background-color: blue;
/* height: 400px; */
padding: 8px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
}
.popchart {
background-color: rgba(255, 0, 255, 0.344);
/* height: 400px; */
}
.colheader {
@@ -204,12 +206,18 @@ body {
padding-left: 30px;
}
.searchbar {
width: 100%;
}
.searchbar, .button {
font-weight: bold;
font-size: 32px;
font-size: 24px;
border-radius: 50px;
padding: 10px;
margin: 16px;
margin: 4px 8px;
border: none;
}
.button {