diff --git a/cmd/serverFunc.go b/cmd/serverFunc.go index d828b3e..fcae361 100644 --- a/cmd/serverFunc.go +++ b/cmd/serverFunc.go @@ -61,7 +61,8 @@ func returnProvince(c *gin.Context) { } c.HTML(http.StatusOK, "templates/index.html", gin.H{ - "Base": aemetRequest.Base, + "Base": aemetRequest.Base, + "Localidades": localidades, }) } diff --git a/cmd/templates/index.html b/cmd/templates/index.html index f70b4a7..db6c327 100644 --- a/cmd/templates/index.html +++ b/cmd/templates/index.html @@ -11,6 +11,30 @@
+ + + diff --git a/cmd/templates/style.css b/cmd/templates/style.css index 63f8677..4e31dc1 100644 --- a/cmd/templates/style.css +++ b/cmd/templates/style.css @@ -5,6 +5,21 @@ table { border: 1px solid black; border-collapse: collapse; + margin-left: auto; + margin-right: auto; +} + +ul { + text-align: center; + list-style: none; + top: 0; + margin: 0; + padding: 0; +} + +li { + display: inline-flex; + margin-right: 20px; } table * { @@ -86,18 +101,39 @@ footer { #main { background-color: #eee; - bottom: 100%; - height: 100%; - padding-left: 5%; - padding-right: 5%; + width: 80vw; + height: 80vh; + padding: 10px; outline: solid 2px #ff6e00; + overflow: scroll; +} + +@media (max-width: 600px) { + #main { + width: 60vw; + } } .container { display: flex; - /* outline: solid 1px black; */ + position: fixed; + margin: 1px; + padding: 1px; + top: 1px; + left: 1px; + + outline: solid 1px black; justify-content: center; - height: 100%; - max-width: 100%; + align-items: center; + height: 99vh; + width: 99vw; background-color: #aaa; + + /* width: 100%; */ + /* height: 100%; */ + /* margin: 50px; */ + /* outline: solid 1px black; */ + /* display: flex; */ + /* justify-content: center; */ + /* align-items: center; */ }
{{ .Base.Nombre }}