pancakes/PancakesWeb
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix alignment of buttons

Browse source
This commit is contained in:
pancakes 2025-09-23 13:28:39 +10:00
parent 2ded561ded
commit 3c19ba3a31
Signed by: pancakes
SSH key fingerprint: SHA256:yrp4c4hhaPoPG07fb4QyQIgAdlbUdsJvUAydJEWnfTw
3 changed files with 11 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
PancakesWeb/Components/Pages/Home.razor
View file

@ -108,23 +108,19 @@
manually.</p>
</details>
<ul class="buttons card">
<div class="buttons card">
@foreach (var button in Buttons.Entities.OrderBy(p => p.Title))
{
<li class="button">
<ImageButton Data="button"/>
</li>
<ImageButton Data="button"/>
}
</ul>
</div>
<ul class="buttons card">
<div class="buttons card">
@foreach (var button in Buttons.Things.OrderBy(p => p.Title))
{
<li class="button">
<ImageButton Data="button"/>
</li>
<ImageButton Data="button"/>
}
</ul>
</div>
<h2 id="webrings">Webrings</h2>
<p>Adjacent websites</p>

4
PancakesWeb/Components/Pages/Home.razor.css
View file

@ -58,10 +58,6 @@
list-style: none;
}
.button {
display: inline-flex;
}
@media screen and (max-width: 768px) {
.accounts {
flex-direction: column;

5
PancakesWeb/Components/UI/ImageButton.razor.css
View file

@ -1,5 +1,10 @@
.button-link {
display: inline-block;
height: 31px;
text-decoration: none;
line-height: 1;
text-align: center;
}
.button-link::after {