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;
|
color: #111;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a.links {
|
||||||
|
font-size: 1.1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.homelinks {
|
||||||
|
font-size: 1.3em;
|
||||||
|
}
|
||||||
|
|
||||||
#stuff {
|
#stuff {
|
||||||
margin: 55px 150px 25px 150px;
|
margin: 55px 150px 25px 150px;
|
||||||
}
|
}
|
||||||
|
@ -95,20 +103,34 @@ h2 {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#leftfooter {
|
#leftfooter,
|
||||||
|
#rightfooter {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 10px;
|
|
||||||
right: 10px;
|
right: 10px;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
|
left: 0px;
|
||||||
|
display: block;
|
||||||
|
font-size: 2vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
#leftfooter {
|
||||||
|
bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#rightfooter {
|
#rightfooter {
|
||||||
position: fixed;
|
|
||||||
bottom: 35px;
|
bottom: 35px;
|
||||||
right: 10px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#stuff {
|
#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 />
|
<br />
|
||||||
<span id="words">
|
<span id="words">
|
||||||
{{ range (index .LinkMap "Pages")}}
|
{{ range (index .LinkMap "Pages")}}
|
||||||
<a href="{{ .Href }}">{{ .Text }}</a><br />
|
<a href="{{ .Href }}" class="homelinks">{{ .Text }}</a><br />
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</span>
|
</span>
|
||||||
{{ end -}}
|
{{ end -}}
|
||||||
|
|
|
@ -7,7 +7,7 @@
|
||||||
{{- range $key, $value := .LinkMap }}
|
{{- range $key, $value := .LinkMap }}
|
||||||
<h4>{{ $key }}</h4>
|
<h4>{{ $key }}</h4>
|
||||||
{{- range $value }}
|
{{- range $value }}
|
||||||
<a href="{{ .Href }}">
|
<a href="{{ .Href }}" class="links">
|
||||||
{{- if (ne .Icon "") }}
|
{{- if (ne .Icon "") }}
|
||||||
<span class="iconify" data-icon="{{ .Icon }}"></span>
|
<span class="iconify" data-icon="{{ .Icon }}"></span>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
@ -16,7 +16,7 @@
|
||||||
{{- end }}
|
{{- end }}
|
||||||
{{ end -}}
|
{{ end -}}
|
||||||
<br />
|
<br />
|
||||||
<a href="/">
|
<a href="/" id="back">
|
||||||
<span class="iconify" data-icon="material-symbols:keyboard-arrow-left"></span>
|
<span class="iconify" data-icon="material-symbols:keyboard-arrow-left"></span>
|
||||||
back
|
back
|
||||||
</a>
|
</a>
|
||||||
|
|
Loading…
Reference in a new issue