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>
<div class="topbar">
<div class="topbar-group">
<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;">
<h4 class="logo">TechTransThai</h4>
</a>
<div style="display: flex; align-items: center;">
<a href="/team" 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 class="middle large">
<div class="topbar-group">
<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;">
<h4 class="logo">TechTransThai</h4>
</a>
<div style="display: flex; align-items: center;">
<a href="/team" 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>

4
style.css
View file

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