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-tab-content selected="3">
<x-section-head header="Page four"> <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? Who is this guy?
</x-blockquote> </x-blockquote>
</x-section-head> </x-section-head>

17
src/style.css
View file

@ -212,4 +212,21 @@ a {
font-size: 14pt; font-size: 14pt;
text-align: left; 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;
}
} }