fix: bg css for inputs

pull/16/head v0.3.3
Karan Sharma 2021-03-04 21:08:30 +05:30
parent 49d5e93316
commit edb8bb661a
2 changed files with 5 additions and 11 deletions

View File

@ -562,12 +562,6 @@ video {
border-color: rgba(229, 231, 235, var(--tw-divide-opacity)); border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
} }
.appearance-none {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.bg-white { .bg-white {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); background-color: rgba(255, 255, 255, var(--tw-bg-opacity));

View File

@ -39,7 +39,7 @@
Domain Name Domain Name
</label> </label>
<input name="q" <input name="q"
class="appearance-none block w-full bg-grey-lighter text-grey-darker border border-red rounded py-3 px-4 mb-3" class="block w-full bg-grey-lighter text-grey-darker border border-red rounded py-3 px-4 mb-3"
type="text" placeholder="domain.tld"> type="text" placeholder="domain.tld">
<p id="empty-name-sec" class="hidden text-red-500 text-xs">Please enter a domain name to <p id="empty-name-sec" class="hidden text-red-500 text-xs">Please enter a domain name to
query. query.
@ -50,7 +50,7 @@
Query Type Query Type
</label> </label>
<select <select
class="block appearance-none w-full bg-grey-lighter border border-grey-lighter text-grey-darker py-3 px-4 pr-8 rounded" class="block w-full bg-white border border-grey-lighter text-grey-darker py-3 px-4 pr-8 rounded"
name="type"> name="type">
<option default>A</option> <option default>A</option>
<option>AAAA</option> <option>AAAA</option>
@ -72,7 +72,7 @@
Nameserver Nameserver
</label> </label>
<select name="ns" <select name="ns"
class="block appearance-none w-full bg-grey-lighter border border-grey-lighter text-grey-darker py-3 px-4 pr-8 rounded" class="block w-full bg-white border border-grey-lighter text-grey-darker py-3 px-4 pr-8 rounded"
onchange="handleNSChange()">> onchange="handleNSChange()">>
<option default value="cloudflare">Cloudflare</option> <option default value="cloudflare">Cloudflare</option>
<option value="cloudflare-doh">Cloudflare (DOH)</option> <option value="cloudflare-doh">Cloudflare (DOH)</option>
@ -86,7 +86,7 @@
Address Address
</label> </label>
<div id="custom_ns" class="hidden"> <div id="custom_ns" class="hidden">
<input name="custom_ns" class="appearance-none block w-full bg-grey-lighter text-grey-darker border <input name="custom_ns" class="block w-full bg-white text-grey-darker border
border-grey-lighter rounded py-3 px-4" type="text" placeholder="Enter Nameserver address"> border-grey-lighter rounded py-3 px-4" type="text" placeholder="Enter Nameserver address">
<p class="mt-2 text-grey-darker text-xs">To use different protocols like DOH, DOT etc. refer <p class="mt-2 text-grey-darker text-xs">To use different protocols like DOH, DOT etc. refer
to the to the
@ -95,7 +95,7 @@
</div> </div>
<div id="ns"> <div id="ns">
<input readonly name="ns" <input readonly name="ns"
class="appearance-none block w-full bg-grey-lighter text-grey-darker border border-grey-lighter rounded py-3 px-4" class="block w-full bg-gray-50 text-grey-darker border border-grey-lighter rounded py-3 px-4"
type="text"> type="text">
</div> </div>
</div> </div>