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

update top bar and middle group display
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse source
This commit is contained in:
Late Night Defender 2025-02-23 06:57:38 +07:00
parent 497990b90f
commit 89d35aa3e6
2 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
index.html
View file

@ -13,7 +13,7 @@
<body> <body>
<div class="topbar"> <div class="topbar">
<div class="middle large">
<div class="topbar-group"> <div class="topbar-group">
<a style="display: flex; align-items: center; text-decoration: none;"> <a style="display: flex; align-items: center; text-decoration: none;">
<img src="resources/icons/ttt-org.svg" alt="TTT Logo" width="36" height="36" style="margin-right: 5px;"> <img src="resources/icons/ttt-org.svg" alt="TTT Logo" width="36" height="36" style="margin-right: 5px;">
@ -25,7 +25,6 @@
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/" class="button header">สถานะการให้บริการ</a> <a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/" class="button header">สถานะการให้บริการ</a>
</div> </div>
</div> </div>
</div>
</div> </div>
<div class="grid-container"> <div class="grid-container">
@ -47,7 +46,7 @@
</div> </div>
<div style="text-align: center;"> <div style="text-align: center;">
<h2>ชุมชนเทคโนโลยีสำหรับคนข้ามเพศ</h2> <h2>ชุมชนสายเทคสำหรับคนข้ามเพศ</h2>
<h2 style="margin-top: -2vh;">และพันธมิตรในประเทศไทย</h2> <h2 style="margin-top: -2vh;">และพันธมิตรในประเทศไทย</h2>
ร่วมสร้างอนาคตแห่งซอฟต์แวร์เสรี การกระจายศูนย์ ข้อมูลและมาตรฐานเปิด ร่วมสร้างอนาคตแห่งซอฟต์แวร์เสรี การกระจายศูนย์ ข้อมูลและมาตรฐานเปิด
</div> </div>

5
style.css
View file

@ -264,11 +264,14 @@
.topbar-group { .topbar-group {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
width: 80vw;
max-width: 35cm;
} }
/* For tablet screens */ /* For tablet screens */
@media only screen and (max-width: 1366px) { @media only screen and (max-width: 1366px) {
.middle.large {width: 90vw;} .middle.large {width: 95vw;}
.topbar-group {width: 95vw;}
} }
/* For phone screens */ /* For phone screens */