Improve wish design

This commit is contained in:
Jay Trees 2022-03-04 09:29:28 +01:00
parent 940fe61a5a
commit 52d4880510
3 changed files with 14 additions and 12 deletions

View file

@ -65,7 +65,7 @@ img {
} }
/** Image */ /** Image */
.ui.card > .image > img.preview{ .ui.card > .image > img.preview {
height: var(--wishPreviewHeight); height: var(--wishPreviewHeight);
object-fit: cover; object-fit: cover;
object-position: 50%; object-position: 50%;

View file

@ -1,5 +1,5 @@
.image.preview { .image.preview {
height: var(--wishPreviewHeight); height: var(--wishPreviewHeight) !important;
object-fit: cover; object-fit: cover;
object-position: 50%; object-position: 50%;

View file

@ -70,6 +70,7 @@ $referer = '/?page=wishlists&wishlist=' . $wish->wishlist;
<div class="column"> <div class="column">
<div class="ui header">Options</div> <div class="ui header">Options</div>
<div class="flex">
<a class="ui labeled icon button" href="<?= $wish->url ?>" target="_blank"> <a class="ui labeled icon button" href="<?= $wish->url ?>" target="_blank">
<i class="external icon"></i> <i class="external icon"></i>
Visit Visit
@ -83,6 +84,7 @@ $referer = '/?page=wishlists&wishlist=' . $wish->wishlist;
</button> </button>
</div> </div>
</div> </div>
</div>
<div class="one column row"> <div class="one column row">
<div class="column"> <div class="column">