PrivateCoffee/wishthis
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Improve wishlist layout

Browse source
This commit is contained in:
Jay Trees 2022-02-24 11:11:30 +01:00
parent b5a2ed8dd8
commit f6a1d8681b
3 changed files with 139 additions and 119 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/assets/css/default.css
View file

@ -40,6 +40,10 @@ img {
/**
* Card
*/
.wishlist-cards {
margin-top: 1rem;
}
.ui.card {
overflow: hidden;
}
@ -138,3 +142,10 @@ p .ui.horizontal.label {
cursor: default;
user-select: none;
}
/**
* Segment
*/
.ui.segments {
overflow: hidden;
}

4
src/classes/wishlist.php
View file

@ -80,7 +80,8 @@ class Wishlist
$userIsCurrent = isset($_SESSION['user']) && $this->data['user'] === $_SESSION['user']['id'];
if (!empty($products)) { ?>
<div class="ui stackable three column grid container">
<div class="ui container">
<div class="ui stackable three column grid">
<?php foreach ($products as $product) {
$cache = new EmbedCache($product['url']);
$info = $cache->get(false);
@ -160,6 +161,7 @@ class Wishlist
</div>
<?php } ?>
</div>
</div>
<?php } else { ?>
<div class="sixteen wide column">
<?= Page::info('This wishlist seems to be empty.', 'Empty'); ?>

29
src/pages/wishlists.php
View file

@ -45,6 +45,23 @@ if (isset($_POST['wishlist_delete_id'])) {
<div class="ui container">
<h1 class="ui header"><?= $page->title ?></h1>
<div class="ui equal width stackable grid">
<div class="column">
<div class="ui segment form">
<h2 class="ui header">View</h2>
<p>Please select a wishlist to view.</p>
<div class="field">
<label>Wishlist</label>
<select class="ui fluid search selection dropdown loading wishlists" name="wishlist">
<option value="">Loading your wishlists...</option>
</select>
</div>
</div>
</div>
<div class="column">
<div class="ui segment">
<h2 class="ui header">Create</h2>
<p>
@ -69,17 +86,8 @@ if (isset($_POST['wishlist_delete_id'])) {
/>
</form>
</div>
<div class="ui horizontal stackable segments">
<div class="ui segment">
<h2 class="ui header">View</h2>
<p>Please select a wishlist to view.</p>
<div class="field">
<select class="ui fluid search selection dropdown loading wishlists" name="wishlist">
<option value="">Loading your wishlists...</option>
</select>
</div>
</div>
<div class="ui segment">
@ -106,7 +114,6 @@ if (isset($_POST['wishlist_delete_id'])) {
</form>
</div>
</div>
</div>
<div class="wishlist-cards"></div>
</main>