diff --git a/dashboard_static/index.html b/dashboard_static/index.html index e038778..54a6f1b 100644 --- a/dashboard_static/index.html +++ b/dashboard_static/index.html @@ -94,9 +94,10 @@
- + +
- SORT BY arrow_drop_down + Sort By arrow_drop_down
  • Time
  • @@ -106,8 +107,7 @@
-
BLOCKED WORDS
-
POPULARITY FILTER
+
Sports Popularity Filter diff --git a/dashboard_static/js/code.js b/dashboard_static/js/code.js index 8e30902..43be3fd 100644 --- a/dashboard_static/js/code.js +++ b/dashboard_static/js/code.js @@ -154,4 +154,4 @@ function sortTweets(tweets, likesDes=null, retweetsDes=null, repliesDes=null, da tweets.sort(function(a,b){return Date(a.created_at)-Date(b.reply_count)}) } return tweets -} +} \ No newline at end of file diff --git a/dashboard_static/style/style.css b/dashboard_static/style/style.css index 9f3592a..57726f1 100644 --- a/dashboard_static/style/style.css +++ b/dashboard_static/style/style.css @@ -22,7 +22,7 @@ body { .container { background-color: var(--main-bg); - color: white; + color: var(--main-dark); padding: 16px 48px; display: flex; flex-direction: column; @@ -68,7 +68,7 @@ body { height: 30px; padding: 4px; margin-right: 8px; - border: 1px solid white; + border: 1px solid var(--main-light); border-radius: 100px; cursor: pointer; } @@ -122,13 +122,13 @@ body { } .tweet-nickname { - color: white; + color: var(--main-light); text-decoration: none; font-weight: bold; } .tweet-nickname:active { - color: white; + color: var(--main-light); text-decoration: underline; font-weight: bold; } @@ -141,7 +141,7 @@ body { .tweet-username { - color: white; + color: var(--main-light); text-decoration: none; opacity: 0.8; } @@ -224,13 +224,13 @@ body { } -.searchbar { +.searchbar, .blockedwords { width: 100%; } -.searchbar, .button { +.searchbar, .button, .blockedwords { font-weight: bold; - font-size: 24px; + font-size: 22px; border-radius: 50px; padding: 8px; margin: 4px 8px; @@ -238,9 +238,9 @@ body { } .button { - color: black; + color: var(--main-dark); cursor: pointer; - background-color: white; + background-color: var(--main-light); border-radius: 30px; border: none; } @@ -261,7 +261,7 @@ body { padding: 0; margin: 0; margin-left: -8px; - background-color: white; + background-color: var(--main-light); border-radius: 0 0 16px 16px; } @@ -271,10 +271,6 @@ body { padding: 0 8px; } -.sort-dropdown-list li:hover { - background-color: #dddddd; -} - .radius-bottom { border-bottom-left-radius: 16px; border-bottom-right-radius: 16px;