TheSANDWICH/thesandwi.ch
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Make tabs responsive
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse source
This commit is contained in:
Isaac Mills 2025-07-11 17:39:34 -06:00
parent d004317663
commit c9a3302574
Signed by: fnmain
GPG key ID: B67D7410F33A0F61
2 changed files with 18 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/partials/page_four.html
View file

@ -1,6 +1,6 @@
<x-tab-content selected="3">
<x-section-head header="Page four">
<x-blockquote cite="Josh Arbon (CEO of Mystery Project)">
<x-blockquote cite="Josh Arbon (CEO of Tysontoucherinator)">
Who is this guy?
</x-blockquote>
</x-section-head>

17
src/style.css
View file

@ -213,3 +213,20 @@ a {
text-align: left;
}
}
@media only screen and (max-width: 500px) {
.tab-list {
flex-direction: column;
}
.tab-list button {
background-color: transparent;
border: solid 3px #999;
font-size: 16pt;
}
.tab-list button.selected {
font-weight: bold;
border: solid 6px #eee;
}
}