Updated styling.

This commit is contained in:
2021-07-24 14:47:40 -05:00
parent f31293d886
commit 5d8a4a3803
5 changed files with 120 additions and 115 deletions

View File

@@ -4,25 +4,25 @@
ViewData["Specific"] = "Search";
}
<div class="container">
<div>
<div class="my-4 less-concise mx-auto">
<div class="input-group">
<input type="text" class="form-control" placeholder="What are you looking for?" aria-label="Search" aria-describedby="search-btn" id="search-bar">
<input type="text" class="form-control bg-transparent border-primary" placeholder="What are you looking for?" aria-label="Search" aria-describedby="search-btn" id="search-bar">
<button class="btn btn-outline-secondary" type="button" id="configuration-toggle" data-bs-toggle="collapse" data-bs-target="#configuration"><i class="bi bi-sliders"></i></button>
<button class="btn btn-outline-primary" type="button" id="search-btn">Search</button>
</div>
</div>
</div>
<div class="collapse" id="configuration">
<div class="tear">
<div class="collapse tear" id="configuration">
<div class="p-3">
<div class="container invisible">
<div class="d-flex">
<h1 class="my-2 display-2 me-auto">Configuration</h1>
<button class="btn align-self-start" type="button" id="configuration-close" data-bs-toggle="collapse" data-bs-target="#configuration"><i class="bi bi-x-lg"></i></button>
</div>
<div class="row justify-content-md-center">
<section class="col-lg">
<section class="col-lg px-4">
<h3>Price</h3>
<div class="mb-3">
<label for="max-price" class="form-label">Maximum Price</label>
@@ -61,7 +61,7 @@
</div>
</div>
</section>
<section class="col-lg">
<section class="col-lg px-4">
<h3>Metrics</h3>
<div class="mb-3">
<label for="min-purchases" class="form-label">Minimum Purchases</label>
@@ -101,7 +101,7 @@
</div>
</div>
</section>
<section class="col-md">
<section class="col-lg px-4">
<h3>Shops Enabled</h3>
<div class="mb-3 px-3" id="shop-checkboxes">
</div>