Skip to content

Commit

Permalink
colour and style fixes
Browse files Browse the repository at this point in the history
  • Loading branch information
@matryer
matryer committed Mar 8, 2021
1 parent b3d8261 commit 7f2e044
Show file tree
Hide file tree
Showing 8 changed files with 14 additions and 15 deletions.
2 changes: 1 addition & 1 deletion app/frontend/src/App.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -155,7 +155,7 @@
<div class='flex-grow' ></div>
<div>
<Button on:click='{ openBugPage }'>
🕷
Report bug
</Button>
</div>
<div>
Expand Down
3 changes: 1 addition & 2 deletions app/frontend/src/InstalledPluginView.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -172,7 +172,6 @@
</div>
<div slot='footer'>
{#if refreshInterval}
<hr>
<div class='p-4 text-right'>
<span class='mr-1'>Refresh every:</span>
<Duration
Expand Down Expand Up @@ -217,7 +216,7 @@
</div>
{/if}
{#if installedPlugin}
<div class='flex-grow bg-white dark:bg-gray-700 p-3 border-t border-gray-200 dark:border-gray-800 bg-opacity-75'>
<div class='flex-grow bg-white dark:bg-gray-700 p-3 border-t border-gray-200 dark:border-gray-600 bg-opacity-75'>
<PluginSourceBrowser files={installedPlugin.files} />
</div>
{/if}
Expand Down
4 changes: 2 additions & 2 deletions app/frontend/src/elements/Button.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,8 @@
export let style = 'default'
const classes = {
'default': 'bg-gray-100 active:bg-gray-300 text-sm dark:text-gray-800 rounded shadow-sm px-4 border border-gray-300 dark:opacity-75',
'primary': 'bg-purple-800 active:bg-purple-700 text-sm text-white rounded shadow-sm px-4 border border-purple-900',
'default': 'text-sm rounded shadow-sm px-4 border bg-gray-100 active:bg-gray-300 dark:text-gray-400 dark:bg-gray-700 border-gray-300 dark:border-gray-600 dark:bg-opacity-50 hover:bg-opacity-75',
'primary': 'bg-blue-900 active:bg-blue-800 text-sm text-white rounded shadow-sm px-4 border border-blue-900 dark:bg-opacity-50',
}
$: cssClass = classes[style]
Expand Down
4 changes: 2 additions & 2 deletions app/frontend/src/elements/Duration.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,14 +30,14 @@
</style>

<input
class='val border dark:text-gray-800'
class='val border bg-gray-100 active:bg-gray-300 dark:text-gray-400 dark:bg-gray-700 border-gray-300 dark:border-gray-600 dark:bg-opacity-50'
type='number'
bind:value={value.n}
on:change={ onChange }
disabled={disabled}
>
<select
class='mr-1 dark:text-gray-800'
class='mr-1 bg-gray-100 active:bg-gray-300 dark:text-gray-400 dark:bg-gray-700 border-gray-300 dark:border-gray-600 dark:bg-opacity-50'
bind:value={value.unit}
on:change={ onChange }
disabled={disabled}
Expand Down
4 changes: 2 additions & 2 deletions app/frontend/src/elements/PluginCollection.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@
<div class='flex flex-wrap p-3'>
{#each plugins as plugin}
<div
class='flex flex-col bg-white dark:bg-gray-700 bg-opacity-50 dark:bg-opacity-25 m-3 mt-0 mb-6 w-80 rounded shadow-lg'
class='flex flex-col bg-white dark:bg-gray-700 bg-opacity-50 m-3 mt-0 mb-6 w-80 rounded shadow-lg'
>
<div class='flex-grow'>
<h2 class='text-black flex-grow dark:text-white text-lg p-4 pb-0'>
Expand All @@ -74,7 +74,7 @@
</div>
</div>
{#if plugin.authors && plugin.authors.length}
<div class='flex items-center space-x-2 border-t dark:border-gray-500 p-4'>
<div class='flex items-center space-x-2 p-4'>
<img
class='author-pic rounded-full'
src='{plugin.authors[0].imageURL}'
Expand Down
2 changes: 1 addition & 1 deletion app/frontend/src/elements/PluginDetails.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@
</style>

{#if plugin}
<div class='flex flex-col bg-white dark:bg-gray-700 bg-opacity-50 dark:bg-opacity-25 mt-0 mb-6 rounded shadow-lg'>
<div class='flex flex-col bg-white dark:bg-gray-700 bg-opacity-50 mt-0 mb-6 rounded shadow-lg'>

{#if $$slots.action}
<div class='pt-4 px-4 flex'>
Expand Down
8 changes: 4 additions & 4 deletions app/frontend/src/elements/VariableInput.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@
{#if variable.type === 'string'}
<input
id='{variable.name}'
class='border px-2 dark:text-gray-800'
class='border px-2 bg-gray-100 active:bg-gray-300 dark:text-gray-400 dark:bg-gray-700 border-gray-300 dark:border-gray-600 dark:bg-opacity-50'
type='text'
bind:value='{ values[variable.name] }'
disabled={disabled}
Expand All @@ -37,7 +37,7 @@
<label class='flex items-center'>
<input
id='{variable.name}'
class='border px-2 dark:text-gray-800'
class='border px-2 bg-gray-100 active:bg-gray-300 dark:text-gray-400 dark:bg-gray-700 border-gray-300 dark:border-gray-600 dark:bg-opacity-50'
type='checkbox'
bind:checked='{ values[variable.name] }'
disabled={disabled}
Expand All @@ -51,15 +51,15 @@
{:else if variable.type === 'number'}
<input
id='{variable.name}'
class='border px-2 dark:text-gray-800'
class='border px-2 bg-gray-100 active:bg-gray-300 dark:text-gray-400 dark:bg-gray-700 border-gray-300 dark:border-gray-600 dark:bg-opacity-50'
type='number'
bind:value='{ values[variable.name] }'
disabled={disabled}
/>
{:else if variable.type === 'list'}
<select
id='{variable.name}'
class='border px-2 dark:text-gray-800'
class='border px-2 bg-gray-100 active:bg-gray-300 dark:text-gray-400 dark:bg-gray-700 border-gray-300 dark:border-gray-600 dark:bg-opacity-50'
bind:value='{ values[variable.name] }'
disabled={disabled}
>
Expand Down
2 changes: 1 addition & 1 deletion app/frontend/src/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ html {

@media (prefers-color-scheme: dark) {
html {
background-color: rgba(93, 35, 159, 0.1);
background-color: rgba(53, 35, 159, 0.1);
}
}

Expand Down

0 comments on commit 7f2e044

Please sign in to comment.