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

search field

Browse Source
This commit is contained in:
Tim Wijma
2022-11-01 13:03:02 +01:00
parent 696824dbcf
commit 186b6e4b3e
3 changed files with 28 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
dashboard_static/index.html
View File

@@ -58,7 +58,7 @@
</div>
<div class="main">
<div class="leftcol">
<div class="tweet"> <!-- You can use this template in the javascript file, css will come later -->
<!-- <div class="tweet">
<img src="https://pbs.twimg.com/profile_images/1158803404656959490/9MKSbW4O_400x400.jpg" alt="" class="tweet-profilepicture">
<div class="tweet-content">
<div class="tweet-name">
@@ -81,10 +81,17 @@
</div>
</div>
</div>
</div>
</div> -->
</div>
<div class="centercol"></div>
<div class="rightcol"></div>
<div class="rightcol">
<div class="filters">
<div class="filters-search">
<input type="text" name="" id="search">
<span class="material-symbols-outlined">search</span>
</div>
</div>
</div>
</div>
</div>
<script src="./js/code.js"></script>

17
dashboard_static/style/style.css
View File

@@ -101,4 +101,21 @@ body {
.tweet-interaction {
display: flex;
align-items: center;
}
.filters-search input {
height: 28px;
width: 100%;
border: none;
font-family: 'Robot', sans-serif;
font-size: 24px;
padding: 0;
padding-right: 32px;
}
.filters-search span {
position: absolute;
font-weight: 500;
font-size: 24px;
color: var(--main-medium-dark);
}