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

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

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

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

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

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

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