implemented sort-by,

implemented divider,
fixed class/id in css
This commit is contained in:
J-Klinke
2024-06-17 15:42:20 +02:00
parent 5a682e1800
commit b721973d05
3 changed files with 93 additions and 17 deletions

View File

@@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DataDash</title>
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="../static/main.css">
</head>
<body>
<svg id="add-btn" width="100" height="100">
@@ -18,17 +18,22 @@
</header>
<section id="tool-bar">
<select class="filter-btn">Filter
<optgroup label="Standard categories">
<option>Option 1</option>
<option>Option 2</option>
</optgroup>
<optgroup label="User categories">
<option>user category</option>
</optgroup>
</select>
<input type="search" name="query" id="search-entry" placeholder="Search">
<button class="search-btn">Search</button>
<select id="sort-btn">Sort by
<option>Option 1</option>
<option>Option 2</option>
</select>
<div class="divider"></div>
<select id="filter-btn">Filter
<optgroup label="Standard categories">
<option>Option 1</option>
<option>Option 2</option>
</optgroup>
<optgroup label="User categories">
<option>user category</option>
</optgroup>
</select>
<input type="search" name="query" id="search-entry" placeholder="Search">
<button id="search-btn">Search</button>
</section>
<section id="recents">