romein/rolens
1
0
Fork 0
mirror of https://github.com/garraflavatra/rolens.git synced 2025-07-16 21:14:05 +00:00
Code Issues Releases Activity

tweaks

Browse Source
This commit is contained in:
Romein van Buren
2023-02-05 09:39:52 +01:00
parent 23526ee641
commit 2826ae4008
5 changed files with 50 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/components/details.svelte
View File

@ -37,6 +37,7 @@
border-radius: 4px;
padding: 0.5em 0.5em 0;
margin-bottom: 0.5rem;
background-color: #fff;
}
details[open] {
padding: 0.5em;

25
frontend/src/components/hint.svelte Normal file
View File

@ -0,0 +1,25 @@
<script>
import Icon from './icon.svelte';
</script>
<div class="hint">
<Icon name="info" />
<div class="content"><slot /></div>
</div>
<style>
.hint {
padding: 1rem;
margin-bottom: 0.5rem;
display: grid;
gap: 1rem;
grid-template: 1fr / auto 1fr;
background-color: rgba(255, 214, 64, 0.5);
border: 1px solid #c5a42e;
border-radius: 10px;
}
.content {
align-self: center;
}
</style>

2
frontend/src/components/icon.svelte vendored
View File

@ -79,5 +79,7 @@
<circle cx="12" cy="5" r="3"/><path d="M12 22V8M5 12H2a10 10 0 0 0 20 0h-3"/>
{:else if name === 'o'}
<circle cx="12" cy="12" r="10"/>
{:else if name === 'info'}
<circle cx="12" cy="12" r="10"/><path d="M12 16v-4M12 8h.01"/>
{/if}
</svg>