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>
<div class="rightcol column"> <div class="rightcol column">
<div class="searchcontainer column"> <div class="searchcontainer column">
<input class = "searchbar" type = "text" placeholder="SEARCH CLUCCS..."> <input class="searchbar" type="text" placeholder="SEARCH CLUCCS...">
<button class = "button">SORT BY</button> <button class="button">SORT BY <span class="material-symbols-outlined">arrow_drop_down</span></button>
<button class = "button">BLOCKED WORDS</button> <button class="button">BLOCKED WORDS</button>
<button class = "button">POPULARITY FILTER</button> <button class="button">POPULARITY FILTER</button>
</div> </div>
<div class="popchart column"> <div class="popchart column">
<h1 class="colheader chartheader">SPORTS POPULARITY CHART</h1> <h1 class="colheader chartheader">SPORTS POPULARITY CHART</h1>

16
dashboard_static/style/style.css
View File

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