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

Merge branch 'main' into ResponsiveCSS

Browse Source
This commit is contained in:
Tim Wijma
2022-11-02 11:43:16 +01:00
parent 713c401ee6 210642d1db
commit 4dd754bc9f
2 changed files with 28 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
dashboard_static/index.html
View File

@@ -93,9 +93,14 @@
<span class="colheader">Filtered Cluccs</span>
</div>
<div class="rightcol column">
<div class="searchbar column"></div>
<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>
</div>
<div class="popchart column">
<span class="colheader chartheader">Sports Popularity Chart</span>
<h1 class="colheader chartheader">SPORTS POPULARITY CHART</h1>
</div>
</div>
</div>

23
dashboard_static/style/style.css
View File

@@ -185,7 +185,7 @@ body {
flex-direction: column;
}
.searchbar {
.searchcontainer {
background-color: blue;
/* height: 400px; */
}
@@ -200,4 +200,23 @@ body {
font-weight: 500;
font-size: 40px;
padding: 8px 16px;
}
font-size: 38px;
padding-left: 30px;
}
.searchbar, .button {
font-weight: bold;
font-size: 32px;
border-radius: 50px;
padding: 10px;
margin: 16px;
}
.button {
border-radius: 50px;
border: none;
}
/* .button:hover {
background-color: ;
} */