Improve layout

This commit is contained in:
Jay Trees 2022-04-08 15:59:44 +02:00
parent 02c117d232
commit 59ace8b2d0

View file

@ -16,76 +16,70 @@ $page->navigation();
<main> <main>
<div class="ui container"> <div class="ui container">
<h1 class="ui header"><?= $page->title ?></h1> <h1 class="ui header"><?= $page->title ?></h1>
<p><?= __('Here you can view and edit all of your wishlists.') ?></p>
<h2 class="ui header"><?= __('View') ?></h2> <div class="ui segment">
<div class="ui form">
<div class="ui horizontal stackable segments"> <div class="two fields">
<div class="ui segment">
<p><?= __('Please select a wishlist to view.') ?></p>
<div class="ui form">
<div class="field"> <div class="field">
<label><?= __('Wishlist') ?></label> <label><?= __('Wishlist') ?></label>
<select class="ui fluid search selection dropdown loading wishlists" name="wishlist"> <select class="ui fluid search selection dropdown loading wishlists" name="wishlist">
<option value=""><?= __('Loading your wishlists...') ?></option> <option value=""><?= __('Loading your wishlists...') ?></option>
</select> </select>
</div> </div>
<div class="flex buttons"> <div class="field">
<a class="ui small labeled icon primary button wishlist-wish-add disabled" <label><?= __('Options') ?></label>
title="<?= __('Add a wish') ?>"
>
<i class="add icon"></i>
<?= __('Add a wish') ?>
</a>
<a class="ui small labeled icon button wishlist-share disabled" <div class="flex buttons">
target="_blank" <a class="ui labeled icon button wishlist-create"
title="<?= __('Share') ?>" title="<?= __('Create a wishlist') ?>"
> >
<i class="share icon"></i> <i class="add icon"></i>
<?= __('Share') ?> <?= __('Create a wishlist') ?>
</a> </a>
<div class="ui small labeled icon top left pointing dropdown button options"
title="<?= __('Options') ?>"
>
<i class="cog icon"></i>
<span class="text"><?= __('Options') ?></span>
<div class="menu">
<div class="item wishlist-rename disabled" title="<?= __('Rename') ?>">
<i class="pen icon"></i>
<?= __('Rename') ?>
</div>
<div class="item wishlist-delete disabled" title="<?= __('Delete') ?>">
<i class="trash icon"></i>
<?= __('Delete') ?>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="ui segment">
<p><?= __('General options.') ?></p>
<div class="flex buttons"> <div class="flex buttons">
<a class="ui small labeled icon button wishlist-create" <a class="ui labeled icon primary button wishlist-wish-add disabled"
title="<?= __('Create a wishlist') ?>" title="<?= __('Add a wish') ?>"
> >
<i class="add icon"></i> <i class="add icon"></i>
<?= __('Create a wishlist') ?> <?= __('Add a wish') ?>
</a> </a>
</div>
</div>
<a class="ui labeled icon button wishlist-share disabled"
target="_blank"
title="<?= __('Share') ?>"
>
<i class="share icon"></i>
<?= __('Share') ?>
</a>
<div class="ui labeled icon top left pointing dropdown button options"
title="<?= __('Options') ?>"
>
<i class="cog icon"></i>
<span class="text"><?= __('Options') ?></span>
<div class="menu">
<div class="item wishlist-rename disabled" title="<?= __('Rename') ?>">
<i class="pen icon"></i>
<?= __('Rename') ?>
</div>
<div class="item wishlist-delete disabled" title="<?= __('Delete') ?>">
<i class="trash icon"></i>
<?= __('Delete') ?>
</div>
</div>
</div>
</div>
</div>
</div> </div>
<h2 class="ui header"><?= __('Wishes') ?></h2> <h2 class="ui header"><?= __('Wishes') ?></h2>