dylan.derr/Send
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

styled selectbox

Browse source
This commit is contained in:
Danny Coates 2019-02-13 11:14:53 -08:00
parent e9ee7d022c
commit 1c61915b53
No known key found for this signature in database
GPG key ID: 4C442633C62E00CB
6 changed files with 38 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

2
app/ui/archiveTile.js
View file

@ -46,7 +46,7 @@ function password(state) {
id="password-input"
class="${state.archive.password
? ''
: 'invisible'} border rounded-sm focus:border-blue-dark leading-normal my-1 py-1 px-2 h-8"
: 'invisible'} border rounded focus:border-blue-dark leading-normal my-1 py-1 px-2 h-8"
autocomplete="off"
maxlength="${MAX_LENGTH}"
type="password"

4
app/ui/copyDialog.js
View file

@ -14,7 +14,7 @@ module.exports = function(name, url) {
<input
type="text"
id="share-url"
class="w-full my-4 border rounded leading-loose h-12 px-2 py-1"
class="w-full my-4 border rounded-lg leading-loose h-12 px-2 py-1"
value="${url}"
readonly="true"
/>
@ -22,7 +22,7 @@ module.exports = function(name, url) {
${state.translate('copyUrlFormButton')}
</button>
<a
class="text-blue hover:text-blue-dark focus:text-blue-darker my-4 font-medium cursor-pointer"
class="text-blue-dark hover:text-blue-darker focus:text-blue-darker my-4 font-medium cursor-pointer"
onclick="${close}"
>${state.translate('okButton')}</a
>

2
app/ui/selectbox.js
View file

@ -6,7 +6,7 @@ module.exports = function(selected, options, translate, changed, htmlId) {
return html`
<select
id="${htmlId}"
class="appearance-none cursor-pointer border rounded-sm bg-grey-lightest hover:border-blue-dark focus:border-blue-dark px-2 py-1 my-1 h-8"
class="appearance-none cursor-pointer border rounded bg-grey-lightest hover:border-blue-dark focus:border-blue-dark pl-1 pr-8 py-1 my-1 h-8"
onchange="${choose}"
>
${options.map(

4
app/ui/signupDialog.js
View file

@ -25,7 +25,7 @@ module.exports = function(trigger) {
<input
id="email-input"
type="text"
class="${hidden} border rounded w-full px-2 py-1 h-12 mb-4 text-lg text-grey-darker leading-loose"
class="${hidden} border rounded-lg w-full px-2 py-1 h-12 mb-4 text-lg text-grey-darker leading-loose"
placeholder=${state.translate('emailEntryPlaceholder')} />
<input
class="hidden"
@ -36,7 +36,7 @@ module.exports = function(trigger) {
${state.translate('signInMenuOption')}
</label>
<button
class="my-4 text-blue hover:text-blue-dark focus:text-blue-darker font-medium"
class="my-4 text-blue-dark hover:text-blue-darker focus:text-blue-darker font-medium"
title="${state.translate('deletePopupCancel')}"
onclick=${cancel}>${state.translate('deletePopupCancel')}
</button>