|
7 | 7 | <h1 class="text-600 font-bold text-gray-900">{{ .RealmName }}</h1>
|
8 | 8 | </div>
|
9 | 9 | <form class="flex flex-col lg:flex-row gap-x-3 gap-y-2 text-gray-300">
|
10 |
| - <div class="min-w-48 border rounded-sm overflow-hidden"> |
| 10 | + <div class="relative min-w-48 border rounded-sm overflow-hidden text-gray-600"> |
11 | 11 | <select
|
12 | 12 | id="cmdmode"
|
13 | 13 | data-role="help-select-mode"
|
14 |
| - class="bg-gray-100 text-100 focus:outline-transparent text-gray-600 border-r-transparent border-r-8 block w-full px-4 py-2 lg:py-1.5 lg:px-2" |
| 14 | + class="appearance-none cursor-pointer bg-gray-100 hover:bg-gray-50 text-100 outline-none block w-full px-3 py-2 lg:py-1.5 lg:px-2" |
15 | 15 | >
|
16 | 16 | <option value="fast" selected="selected">Mode: Fast</option>
|
17 | 17 | <option value="secure">Mode: Full Security</option>
|
18 | 18 | </select>
|
| 19 | + <svg class="absolute right-3 top-1/2 -translate-y-1/2 w-4 h-4"> |
| 20 | + <use href="#ico-arrow-down"></use> |
| 21 | + </svg> |
19 | 22 | </div>
|
20 |
| - <div class="relative flex w-full text-100"> |
21 |
| - <label for="help-input-addr" class="flex gap-3 items-center bg-gray-100 rounded-l-sm border border-r-transparent px-3 text-gray-600">Key / Address</label> |
22 |
| - <input type="text" data-role="help-input-addr" id="help-input-addr" class="flex h-full bottom-1 w-full rounded-r-sm border px-4 py-2 lg:py-1.5 lg:px-2 text-gray-600 focus:border-gray-300 outline-none font-mono" placeholder="ADDRESS" /> |
| 23 | + <div class="group relative flex w-full text-100 border rounded-sm overflow-hidden has-[:focus]:border-gray-300 hover:border-gray-300"> |
| 24 | + <label for="help-input-addr" class="flex gap-3 items-center bg-gray-100 px-3 text-gray-600">Key / Address</label> |
| 25 | + <input type="text" data-role="help-input-addr" id="help-input-addr" class="flex h-full bottom-1 w-full border-l px-4 py-2 lg:py-1.5 lg:px-2 text-gray-600 focus:border-l-gray-300 group-hover:border-l-gray-300 outline-none font-mono" placeholder="ADDRESS" /> |
23 | 26 | </div>
|
24 | 27 | </form>
|
25 | 28 | </header>
|
26 | 29 | <aside class="col-span-1 lg:col-span-3 lg:order-2 lg:row-start-1 lg:row-span-2 relative h-full" aria-label="Index">
|
27 | 30 | <div class="sticky top-14 pt-2">
|
28 |
| - <div id="sidebar-summary" class="toc max-h-screen overflow-scroll no-scrollbar bg-light lg:bg-transparent rounded-sm"> |
29 |
| - <label for="toc-expend" class="toc-expend-btn flex font-semibold lg:mt-10 justify-between items-center bg-gray-100 border lg:border-none lg:bg-transparent px-4 py-2 lg:p-0 rounded-sm">Functions Index |
30 |
| - <input id="toc-expend" type="checkbox" class="hidden"> |
| 31 | + <div id="sidebar-summary" class="max-h-screen overflow-scroll no-scrollbar bg-light lg:bg-transparent rounded-sm"> |
| 32 | + <label for="toc-expend" class="toc-expend-btn flex text-100 lg:text-200 font-normal lg:font-semibold lg:mt-10 justify-between items-center bg-gray-100 hover:bg-gray-50 cursor-pointer border lg:border-none lg:bg-transparent px-4 py-2 lg:p-0 rounded-sm"> |
| 33 | + Functions Index |
| 34 | + <input id="toc-expend" type="checkbox" class="peer hidden"> |
| 35 | + <span class="flex lg:hidden gap-1.5 items-center before:content-['open'] peer-checked:before:content-['close']"> |
| 36 | + <svg class="toc-expend-btn_ico w-4 h-4"> |
| 37 | + <use href="#ico-arrow-down"></use> |
| 38 | + </svg> |
| 39 | + </span> |
31 | 40 | </label>
|
32 | 41 | <!-- Functions ToC -->
|
33 | 42 | <nav class="hidden lg:block text-100 mt-2 lg:mt-0 pb-6 lg:pb-28 px-4 lg:px-0 lg:pt-2 font-mono">
|
|
59 | 68 | {{ $funcName := .FuncName }}
|
60 | 69 | {{ range .Params }}
|
61 | 70 | <div class="flex flex-col gap-3 items-stretch text-gray-400 mb-2">
|
62 |
| - <div class="relative flex w-full border rounded-sm has-[:focus]:border-gray-300"> |
63 |
| - <label for="func-{{ $funcName }}-param-{{ .Name }}" class="flex gap-3 items-center bg-gray-50 rounded-l-sm px-4 font-semibold text-gray-600">{{ .Name }}</label> |
| 71 | + <div class="group relative overflow-hidden flex w-full border rounded-sm has-[:focus]:border-gray-300 hover:border-gray-300"> |
| 72 | + <label for="func-{{ $funcName }}-param-{{ .Name }}" class="flex gap-3 items-center bg-gray-50 px-4 font-semibold text-gray-600">{{ .Name }}</label> |
64 | 73 | <input type="text"
|
65 | 74 | {{- if eq $data.SelectedFunc $funcName }}
|
66 | 75 | value="{{ getSelectedArgValue $data . }}"
|
67 | 76 | {{- end }}
|
| 77 | + placeholder="parameter" |
68 | 78 | id="func-{{ $funcName }}-param-{{ .Name }}"
|
69 | 79 | data-role="help-param-input"
|
70 | 80 | data-param="{{ .Name }}"
|
71 |
| - class="flex h-full bottom-1 w-full border-l rounded-r-sm p-2 focus:border-gray-300 outline-none font-mono" |
| 81 | + class="flex h-full bottom-1 w-full border-l p-2 focus:border-gray-300 group-hover:border-gray-300 text-gray-600 outline-none font-mono" |
72 | 82 | />
|
73 | 83 | </div>
|
74 | 84 | </div>
|
|
82 | 92 | <button class="w-5 h-5 absolute top-2 right-2 text-gray-400" aria-label="Copy Command" data-copy-btn="help-cmd-{{ .FuncName }}">
|
83 | 93 | <svg class="w-5 h-5 top-0" data-copy-icon>
|
84 | 94 | <use href="#ico-copy"></use>
|
85 |
| - <use href="#ico-check" class="hidden"></use> |
| 95 | + <use href="#ico-check" class="hidden text-green-600"></use> |
86 | 96 | </svg>
|
87 | 97 | </button>
|
88 | 98 | <pre class="font-mono text-gray-600 p-4 pr-10 whitespace-pre-wrap"><code><span data-code-mode="fast" class="inline" data-copy-content="help-cmd-{{ .FuncName }}">gnokey maketx call -pkgpath "{{ $.PkgPath }}" -func "{{ .FuncName }}" -gas-fee 1000000ugnot -gas-wanted 2000000 -broadcast -chainid "{{ $.ChainId }}"{{ range .Params }} -args "<span data-role="help-code-args" data-arg="{{ .Name }}" data-copy-content=""></span>"{{ end }} -remote "{{ $.Remote }}" <span data-role="help-code-address">ADDRESS</span></span><span data-code-mode="secure" class="hidden">gnokey query -remote "{{ $.Remote }}" auth/accounts/<span data-role="help-code-address">ADDRESS</span>
|
|
0 commit comments