css tweaks
mobile layout is bad if there are too many links on a page need fix
This commit is contained in:
parent
4bf5bb1bc6
commit
b541808f35
|
@ -32,6 +32,14 @@ a#back {
|
|||
color: #111;
|
||||
}
|
||||
|
||||
a.links {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
a.homelinks {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
#stuff {
|
||||
margin: 55px 150px 25px 150px;
|
||||
}
|
||||
|
@ -95,20 +103,34 @@ h2 {
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
#leftfooter {
|
||||
#leftfooter,
|
||||
#rightfooter {
|
||||
position: fixed;
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
text-align: right;
|
||||
left: 0px;
|
||||
display: block;
|
||||
font-size: 2vw;
|
||||
}
|
||||
|
||||
#leftfooter {
|
||||
bottom: 10px;
|
||||
}
|
||||
|
||||
#rightfooter {
|
||||
position: fixed;
|
||||
bottom: 35px;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
#stuff {
|
||||
margin: 15px 50px 25px 50px;
|
||||
margin: 15px 25px 25px 25px;
|
||||
}
|
||||
|
||||
a.links {
|
||||
font-size: 5ev;
|
||||
}
|
||||
|
||||
a.homelinks {
|
||||
font-size: 7ev;
|
||||
}
|
||||
|
||||
}
|
|
@ -12,7 +12,7 @@
|
|||
<br />
|
||||
<span id="words">
|
||||
{{ range (index .LinkMap "Pages")}}
|
||||
<a href="{{ .Href }}">{{ .Text }}</a><br />
|
||||
<a href="{{ .Href }}" class="homelinks">{{ .Text }}</a><br />
|
||||
{{ end }}
|
||||
</span>
|
||||
{{ end -}}
|
||||
|
|
|
@ -7,7 +7,7 @@
|
|||
{{- range $key, $value := .LinkMap }}
|
||||
<h4>{{ $key }}</h4>
|
||||
{{- range $value }}
|
||||
<a href="{{ .Href }}">
|
||||
<a href="{{ .Href }}" class="links">
|
||||
{{- if (ne .Icon "") }}
|
||||
<span class="iconify" data-icon="{{ .Icon }}"></span>
|
||||
{{ end }}
|
||||
|
@ -16,7 +16,7 @@
|
|||
{{- end }}
|
||||
{{ end -}}
|
||||
<br />
|
||||
<a href="/">
|
||||
<a href="/" id="back">
|
||||
<span class="iconify" data-icon="material-symbols:keyboard-arrow-left"></span>
|
||||
back
|
||||
</a>
|
||||
|
|
Loading…
Reference in a new issue