mirror of https://github.com/mpolden/echoip
Fixed a display issue for long ipv6 addresses and port input on mobile
This commit is contained in:
parent
98f9efbfb8
commit
7b849f72bf
2
Makefile
2
Makefile
|
@ -71,4 +71,4 @@ endif
|
||||||
@sha256sum $(GOPATH)/bin/$(XBIN)
|
@sha256sum $(GOPATH)/bin/$(XBIN)
|
||||||
|
|
||||||
run:
|
run:
|
||||||
go run cmd/echoip/main.go -a data/asn.mmdb -c data/city.mmdb -f data/country.mmdb -H x-forwarded-for -r -s
|
go run cmd/echoip/main.go -a data/asn.mmdb -c data/city.mmdb -f data/country.mmdb -H x-forwarded-for -r -s -p
|
||||||
|
|
|
@ -200,52 +200,52 @@
|
||||||
</p>
|
</p>
|
||||||
<div class="pure-form">
|
<div class="pure-form">
|
||||||
<!-- COMMAND WIDGET -->
|
<!-- COMMAND WIDGET -->
|
||||||
<div class="buttons">
|
<div class="input-buttons">
|
||||||
<button
|
<button
|
||||||
name="ip"
|
name="ip"
|
||||||
class="button widget-select"
|
class="pure-button widget-select"
|
||||||
onclick="changeInput(this.name, this)"
|
onclick="changeInput(this.name, this)"
|
||||||
>
|
>
|
||||||
ip
|
ip
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
name="country"
|
name="country"
|
||||||
class="button widget-select"
|
class="pure-button widget-select"
|
||||||
onclick="changeInput(this.name, this)"
|
onclick="changeInput(this.name, this)"
|
||||||
>
|
>
|
||||||
country
|
country
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
name="country-iso"
|
name="country-iso"
|
||||||
class="button widget-select"
|
class="pure-button widget-select"
|
||||||
onclick="changeInput(this.name, this)"
|
onclick="changeInput(this.name, this)"
|
||||||
>
|
>
|
||||||
country-iso
|
country-iso
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
name="city"
|
name="city"
|
||||||
class="button widget-select"
|
class="pure-button widget-select"
|
||||||
onclick="changeInput(this.name, this)"
|
onclick="changeInput(this.name, this)"
|
||||||
>
|
>
|
||||||
city
|
city
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
name="asn"
|
name="asn"
|
||||||
class="button widget-select"
|
class="pure-button widget-select"
|
||||||
onclick="changeInput(this.name, this)"
|
onclick="changeInput(this.name, this)"
|
||||||
>
|
>
|
||||||
asn
|
asn
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
name="json"
|
name="json"
|
||||||
class="button widget-select"
|
class="pure-button widget-select"
|
||||||
onclick="changeInput(this.name, this)"
|
onclick="changeInput(this.name, this)"
|
||||||
>
|
>
|
||||||
json
|
json
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
name="port"
|
name="port"
|
||||||
class="button widget-select"
|
class="pure-button widget-select"
|
||||||
onclick="changeInput(this.name, this)"
|
onclick="changeInput(this.name, this)"
|
||||||
>
|
>
|
||||||
port
|
port
|
||||||
|
@ -266,12 +266,13 @@
|
||||||
</div>
|
</div>
|
||||||
<div id="output" class="widgetbox output"></div>
|
<div id="output" class="widgetbox output"></div>
|
||||||
|
|
||||||
<form class="pure-form">
|
<form class="pure-form input-buttons">
|
||||||
<fieldset>
|
<fieldset>
|
||||||
<label for="ipCheckBox">
|
<label for="ipInput">
|
||||||
|
Check another IP (optional)
|
||||||
<input
|
<input
|
||||||
id="ipInput"
|
id="ipInput"
|
||||||
class="medium-input pure-input"
|
class=""
|
||||||
type="text"
|
type="text"
|
||||||
placeholder="IP to query"
|
placeholder="IP to query"
|
||||||
onkeyup="updateIP(this.value)"
|
onkeyup="updateIP(this.value)"
|
||||||
|
|
|
@ -71,7 +71,6 @@
|
||||||
function navigate(event) {
|
function navigate(event) {
|
||||||
console.log("navigate", compositePath)
|
console.log("navigate", compositePath)
|
||||||
window.location = compositePath
|
window.location = compositePath
|
||||||
event.preventDefault()
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function updatePort(value) {
|
function updatePort(value) {
|
||||||
|
|
|
@ -26,6 +26,7 @@
|
||||||
background: #f2f2f2;
|
background: #f2f2f2;
|
||||||
font-size: 36px;
|
font-size: 36px;
|
||||||
padding: 6px;
|
padding: 6px;
|
||||||
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
svg.github-corner {
|
svg.github-corner {
|
||||||
fill: #151513;
|
fill: #151513;
|
||||||
|
@ -88,11 +89,6 @@
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.narrow-input {
|
|
||||||
width: 5.5em;
|
|
||||||
margin-top: 0.2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.medium-input {
|
.medium-input {
|
||||||
width: 10em;
|
width: 10em;
|
||||||
}
|
}
|
||||||
|
@ -101,6 +97,11 @@
|
||||||
background-color: rgb(208 208 208);
|
background-color: rgb(208 208 208);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.input-buttons {
|
||||||
|
line-height: 2.6em;
|
||||||
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
/* POST CORRECTION */
|
/* POST CORRECTION */
|
||||||
.leafcloud-logo .letters {
|
.leafcloud-logo .letters {
|
||||||
fill: black;
|
fill: black;
|
||||||
|
|
Loading…
Reference in New Issue