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

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> <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"> <a class="gtk-button" target="_blank" rel="noopener noreferrer" href="https://f-social.techtransthai.org/@techtransthai">
ติดตามเราบน Fediverse ติดตามเราบน Fediverse
</a> </a>

19
style.css
View file

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