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

adjust top bar width
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:46:29 +07:00
parent 6515eed481
commit 497990b90f
2 changed files with 13 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
index.html
View file

@ -13,15 +13,17 @@
<body> <body>
<div class="topbar"> <div class="topbar">
<div class="topbar-group"> <div class="middle large">
<a style="display: flex; align-items: center; text-decoration: none;"> <div class="topbar-group">
<img src="resources/icons/ttt-org.svg" alt="TTT Logo" width="36" height="36" style="margin-right: 5px;"> <a style="display: flex; align-items: center; text-decoration: none;">
<h4 class="logo">TechTransThai</h4> <img src="resources/icons/ttt-org.svg" alt="TTT Logo" width="36" height="36" style="margin-right: 5px;">
</a> <h4 class="logo">TechTransThai</h4>
<div style="display: flex; align-items: center;"> </a>
<a href="/team" class="button header">ทีม</a> <div style="display: flex; align-items: center;">
<a target="_blank" rel="noopener noreferrer" href="https://webring.wonderful.software#techtransthai.org" class="button header">วงแหวนเว็บ</a> <a href="/team" class="button header">ทีม</a>
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/" class="button header">สถานะการให้บริการ</a> <a target="_blank" rel="noopener noreferrer" href="https://webring.wonderful.software#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>

4
style.css
View file

@ -251,6 +251,8 @@
.topbar { .topbar {
position: fixed; position: fixed;
display: flex;
justify-content: center;
width: 100%; width: 100%;
top: 0px; top: 0px;
left: 0px; left: 0px;
@ -262,8 +264,6 @@
.topbar-group { .topbar-group {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-left: 1cm;
margin-right: 1cm;
} }
/* For tablet screens */ /* For tablet screens */