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

Merge pull request #20 from olinpin/CSS

Browse Source 
Css
This commit is contained in:
TimWijma
2022-11-02 17:22:41 +01:00
committed by GitHub
parent decffdfc98 8c5fb5619f
commit bab6a634ea
2 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
dashboard_static/index.html
View File

@@ -95,7 +95,7 @@
<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">
<input class="blockedwords" type="text" placeholder="Enter blocked words (separated by comma)"> <input class="blockedwords" type="text" placeholder="Blocked words (separated by comma)">
<div class="button sort-btn"> <div class="button sort-btn">
<span class="sortby">Sort By <span class="material-symbols-outlined">arrow_drop_down</span></span> <span class="sortby">Sort By <span class="material-symbols-outlined">arrow_drop_down</span></span>
<div class="sort-dropdown"> <div class="sort-dropdown">

9
dashboard_static/style/style.css
View File

@@ -44,6 +44,7 @@ body {
padding: 16px; padding: 16px;
background-color: var(--main-medium-dark); background-color: var(--main-medium-dark);
border-radius: 16px; border-radius: 16px;
cursor: pointer;
} }
.logo img { .logo img {
@@ -93,6 +94,7 @@ body {
background-color: var(--main-dark); background-color: var(--main-dark);
border-radius: 16px; border-radius: 16px;
padding: 16px; padding: 16px;
margin-bottom: 8px;
} }
.tweet-profilepicture { .tweet-profilepicture {
@@ -208,6 +210,7 @@ body {
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin-bottom: 32px;
} }
.popchart { .popchart {
@@ -238,10 +241,10 @@ body {
} }
.button { .button {
color: var(--main-dark); color: var(--main-bg);
cursor: pointer; cursor: pointer;
background-color: var(--main-light); background-color: var(--main-light);
border-radius: 30px; border-radius: 16px;
border: none; border: none;
} }
@@ -255,7 +258,7 @@ body {
} }
.sort-dropdown-list { .sort-dropdown-list {
position: absolute; /* position: absolute; */
width: 100%; width: 100%;
list-style-type: none; list-style-type: none;
padding: 0; padding: 0;