Optionally skip domain in cookie (#43)
If you're using a reverse proxy like Cloudflare Tunnels, you can now set `CONFIG_SKIP_COOKIE_DOMAIN_SECURITY="true"` to avoid login issues. Also makes some UX tweaks to Expenses, and fixes a style issue for Chrome in Windows (#44). Fixes #43 Fixes #44
This commit is contained in:
@@ -85,13 +85,15 @@ export default function BudgetModal(
|
||||
<label class='text-slate-300 block pb-1' for='budget_value'>Value</label>
|
||||
<input
|
||||
class='input-field'
|
||||
type='text'
|
||||
type='number'
|
||||
name='budget_value'
|
||||
id='budget_value'
|
||||
value={newBudgetValue.value}
|
||||
onInput={(event) => {
|
||||
newBudgetValue.value = Number(event.currentTarget.value);
|
||||
}}
|
||||
min='0'
|
||||
inputmode='decimal'
|
||||
placeholder='100'
|
||||
/>
|
||||
</fieldset>
|
||||
@@ -100,7 +102,7 @@ export default function BudgetModal(
|
||||
{budget
|
||||
? (
|
||||
<button
|
||||
class='px-5 py-2 bg-slate-600 hover:bg-red-600 text-white cursor-pointer rounded-md mr-2'
|
||||
class='px-5 py-2 bg-red-600 text-white cursor-pointer rounded-md mr-2 opacity-30 hover:opacity-100'
|
||||
onClick={() => onClickDelete()}
|
||||
>
|
||||
Delete
|
||||
@@ -109,16 +111,16 @@ export default function BudgetModal(
|
||||
: null}
|
||||
<button
|
||||
class='px-5 py-2 bg-slate-600 hover:bg-slate-500 text-white cursor-pointer rounded-md mr-2'
|
||||
onClick={() => onClickSave(newBudgetName.value, newBudgetMonth.value.substring(0, 7), newBudgetValue.value)}
|
||||
>
|
||||
{budget ? 'Update' : 'Create'}
|
||||
</button>
|
||||
<button
|
||||
class='px-5 py-2 bg-slate-600 hover:bg-slate-500 text-white cursor-pointer rounded-md ml-2'
|
||||
onClick={() => onClose()}
|
||||
>
|
||||
{budget ? 'Cancel' : 'Close'}
|
||||
</button>
|
||||
<button
|
||||
class='px-5 py-2 bg-slate-700 hover:bg-slate-500 text-white cursor-pointer rounded-md ml-2'
|
||||
onClick={() => onClickSave(newBudgetName.value, newBudgetMonth.value.substring(0, 7), newBudgetValue.value)}
|
||||
>
|
||||
{budget ? 'Update' : 'Create'}
|
||||
</button>
|
||||
</footer>
|
||||
</section>
|
||||
</>
|
||||
|
||||
@@ -119,6 +119,7 @@ export default function ExpenseModal(
|
||||
onInput={(event) => {
|
||||
newExpenseCost.value = Number(event.currentTarget.value);
|
||||
}}
|
||||
inputmode='decimal'
|
||||
placeholder='10.99'
|
||||
/>
|
||||
</fieldset>
|
||||
@@ -222,7 +223,7 @@ export default function ExpenseModal(
|
||||
{expense
|
||||
? (
|
||||
<button
|
||||
class='px-5 py-2 bg-slate-600 hover:bg-red-600 text-white cursor-pointer rounded-md mr-2'
|
||||
class='px-5 py-2 bg-red-600 text-white cursor-pointer rounded-md mr-2 opacity-30 hover:opacity-100'
|
||||
onClick={() => onClickDelete()}
|
||||
>
|
||||
Delete
|
||||
@@ -231,6 +232,12 @@ export default function ExpenseModal(
|
||||
: null}
|
||||
<button
|
||||
class='px-5 py-2 bg-slate-600 hover:bg-slate-500 text-white cursor-pointer rounded-md mr-2'
|
||||
onClick={() => onClose()}
|
||||
>
|
||||
{expense ? 'Cancel' : 'Close'}
|
||||
</button>
|
||||
<button
|
||||
class='px-5 py-2 bg-slate-700 hover:bg-slate-500 text-white cursor-pointer rounded-md ml-2'
|
||||
onClick={() => {
|
||||
onClickSave(
|
||||
newExpenseCost.value as number,
|
||||
@@ -243,12 +250,6 @@ export default function ExpenseModal(
|
||||
>
|
||||
{expense ? 'Update' : 'Create'}
|
||||
</button>
|
||||
<button
|
||||
class='px-5 py-2 bg-slate-600 hover:bg-slate-500 text-white cursor-pointer rounded-md ml-2'
|
||||
onClick={() => onClose()}
|
||||
>
|
||||
{expense ? 'Cancel' : 'Close'}
|
||||
</button>
|
||||
</footer>
|
||||
</section>
|
||||
</>
|
||||
|
||||
Reference in New Issue
Block a user