fixed mobile view, fixed footer links
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
Philipp 2021-10-14 11:00:44 +02:00
parent 5a72d919d0
commit 4b7f1cc64a
4 changed files with 40 additions and 19 deletions

View file

@ -336,16 +336,16 @@ Small Screen - Mobile
.content-item-inner2 { .content-item-inner2 {
overflow-y: hidden; overflow-y: hidden;
overflow-x: scroll; overflow-x: scroll;
width: 650px; width: 1200px;
} }
.content-item-inner4 { .content-item-inner4 {
width: 267px; width: 760px;
padding-left: 77px; padding-left: 77px;
} }
.content-item-inner2 ul li div:nth-of-type(1) { .content-item-inner2 ul li div:nth-of-type(1) {
width: 267px; width: 760px;
} }
.content-item-inner2 ul li div:nth-of-type(1) img { .content-item-inner2 ul li div:nth-of-type(1) img {

View file

@ -33,10 +33,10 @@
{{- end}} {{- end}}
{{$server.Name}}</a> {{$server.Name}}</a>
</div> </div>
<div> <div class="text-truncate">
<p>{{$server.Map}}</a> <p>{{$server.Map}}</a>
</div> </div>
<div> <div class="text-truncate">
<p>{{$server.Players}}/{{$server.MaxPlayers}}</a> <p>{{$server.Players}}/{{$server.MaxPlayers}}</a>
</div> </div>
</li> </li>
@ -64,7 +64,7 @@
{{if ne $server.Map "Server didn't reply." -}} {{if ne $server.Map "Server didn't reply." -}}
<ul> <ul>
<li> <li>
<div> <div class="text-truncate">
<a href="steam://connect/{{$server.ServerIP}}"> <a href="steam://connect/{{$server.ServerIP}}">
{{range $flag := $flags -}} {{range $flag := $flags -}}
{{if eq $server.ServerIP $flag.ServerIP -}} {{if eq $server.ServerIP $flag.ServerIP -}}
@ -73,10 +73,10 @@
{{- end}} {{- end}}
{{$server.Name}}</a> {{$server.Name}}</a>
</div> </div>
<div> <div class="text-truncate">
<a href="">{{$server.Map}}</a> <a href="">{{$server.Map}}</a>
</div> </div>
<div> <div class="text-truncate">
<a href="">{{$server.Players}}/{{$server.MaxPlayers}}</a> <a href="">{{$server.Players}}/{{$server.MaxPlayers}}</a>
</div> </div>
</li> </li>

View file

@ -48,12 +48,34 @@
<div class="content-item"> <div class="content-item">
<div class="content-item-inner"> <div class="content-item-inner">
<select onchange="location = this.value;"> <select onchange="location = this.value;">
<option>{{.Region}}</option> {{ $region := .Region }}
{{ $region }}
{{ "All Regions" }}
{{if eq $region "All Regions" -}}
<option value="/" selected>All Regions</option>
{{else}}
<option value="/">All Regions</option> <option value="/">All Regions</option>
{{- end}}
{{if eq $region "North America" -}}
<option value="/america" selected>North America</option>
{{else}}
<option value="/america">North America</option> <option value="/america">North America</option>
{{- end}}
{{if eq $region "Europe" -}}
<option value="/europe" selected>Europe</option>
{{else}}
<option value="/europe">Europe</option> <option value="/europe">Europe</option>
{{- end}}
{{if eq $region "Asia" -}}
<option value="/asia" selected>Asia</option>
{{else}}
<option value="/asia">Asia</option> <option value="/asia">Asia</option>
{{- end}}
{{if eq $region "Australia" -}}
<option value="/australia" selected>Australia</option>
{{else}}
<option value="/australia">Australia</option> <option value="/australia">Australia</option>
{{- end}}
</select> </select>
</div> </div>
{{block "content" . -}}{{- end}} {{block "content" . -}}{{- end}}
@ -67,11 +89,10 @@
<div class="container"> <div class="container">
<div class="footer-item"> <div class="footer-item">
<ul> <ul>
<li><a href="#">Imprint</a></li> <li><a href="https://discord.gg/MfeXJkWg5m">Add Server</a></li>
<li><a href="#">Add Server</a></li> <li><a href="https://spenny.tf/discord">Discord</a></li>
<li><a href="#">Discord</a></li> <li><a href="https://spenny.tf">spenny.tf</a></li>
<li><a href="#">spenny.tf</a></li> <li><a href="https://tf.gg/60348">teamfortress.tv</a></li>
<li><a href="#">teamfortress.tv</a></li>
</ul> </ul>
<p>© 2021 Serverlist.tf</p> <p>© 2021 Serverlist.tf</p>
</div> </div>

View file

@ -36,10 +36,10 @@
{{- end}} {{- end}}
{{$server.Name}}</a> {{$server.Name}}</a>
</div> </div>
<div> <div class="text-truncate">
<p>{{$server.Map}}</a> <p>{{$server.Map}}</a>
</div> </div>
<div> <div class="text-truncate">
<p>{{$server.Players}}/{{$server.MaxPlayers}}</a> <p>{{$server.Players}}/{{$server.MaxPlayers}}</a>
</div> </div>
</li> </li>
@ -67,7 +67,7 @@
{{if ne $server.Map "Server didn't reply." -}} {{if ne $server.Map "Server didn't reply." -}}
<ul> <ul>
<li> <li>
<div> <div class="text-truncate">
<a href="steam://connect/{{$server.ServerIP}}"> <a href="steam://connect/{{$server.ServerIP}}">
{{range $flag := $flags -}} {{range $flag := $flags -}}
{{if eq $server.ServerIP $flag.ServerIP -}} {{if eq $server.ServerIP $flag.ServerIP -}}
@ -76,10 +76,10 @@
{{- end}} {{- end}}
{{$server.Name}}</a> {{$server.Name}}</a>
</div> </div>
<div> <div class="text-truncate">
<a href="">{{$server.Map}}</a> <a href="">{{$server.Map}}</a>
</div> </div>
<div> <div class="text-truncate">
<a href="">{{$server.Players}}/{{$server.MaxPlayers}}</a> <a href="">{{$server.Players}}/{{$server.MaxPlayers}}</a>
</div> </div>
</li> </li>