techtransthai/www.techtransthai.org
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases 1 Wiki Activity

Compare commits

base: techtransthai:4768cad8ebdb69f3102f342301e0e9ac71692643
Branches Tags
techtransthai:main
techtransthai:classic-design
..
compare: techtransthai:78850a7145f7faa0b55ec88e472b29919d6d81d4
Branches Tags
techtransthai:main
techtransthai:classic-design

2 commits
4768cad8eb ... 78850a7145

Author SHA1 Message Date
Late Night Defender 78850a7145 wrap quickbuttons 2024-07-04 00:54:08 +07:00
Late Night Defender fd4e3d87c9 implement quickbuttons class 2024-07-04 00:49:43 +07:00
2 changed files with 12 additions and 9 deletions
Show stats Expand all files Collapse all files

2
index.html
View file

@ -52,7 +52,7 @@
<p class="emojidecorations">💻 🏳️‍⚧️ 🇹🇭</p>
<div style="margin-top: 1cm; margin-bottom: 1cm; ">
<div class="quickbuttons">
<a class="gtk-button" target="_blank" rel="noopener noreferrer" href="https://f-social.techtransthai.org/@techtransthai">
ติดตามเราบน Fediverse
</a>

19
style.css
View file

@ -70,14 +70,12 @@ h1 {
}
.button {
height: 1cm;
border-radius: 6px;
text-decoration: none;
font-weight: bold;
padding: 10px 10px;
margin-top: 1cm;
margin-bottom: 1cm;
margin-right: 0.25cm;
margin-bottom: 0.25cm;
transition-duration: 0.2s;
}
@ -100,17 +98,15 @@ h1 {
}
.gtk-button {
height: 1cm;
border-radius: 6px;
background-color: rgba(53, 132, 228, 1);
color: white;
text-decoration: none;
font-weight: bold;
padding: 10px 10px;
margin-top: 1cm;
margin-bottom: 1cm;
margin-right: 0.25cm;
margin-bottom: 0.25cm;
transition-duration: 0.2s;
background-color: rgba(53, 132, 228, 1);
color: white;
}
.gtk-button:hover {
@ -160,6 +156,13 @@ h1 {
text-align: center;
}
.quickbuttons {
margin-top: 1cm;
margin-bottom: 1cm;
display: flex;
flex-wrap: wrap;
}
/* For tablet screens */
@media only screen and (min-width: 750px) and (max-width: 1366px) {
.middle-large {