romein/rolens
1
0
Fork 0
mirror of https://github.com/garraflavatra/rolens.git synced 2025-07-20 06:28:04 +00:00
Code Issues Releases Activity

Many small tweaks

Browse Source
This commit is contained in:
Romein van Buren
2023-01-11 20:41:15 +01:00
parent f4bf270a20
commit 90ffdc6a8b
11 changed files with 223 additions and 171 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/organisms/addressbar/index.svelte
View File

@ -18,8 +18,13 @@
<div class="addressbar">
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div class="address" class:empty={!host?.uri} on:click={() => modalOpen = true}>
{host?.uri || 'No host selected'}
<div class="address" on:click={() => modalOpen = true}>
{#if host?.uri}
{@const split = host.uri.split('://').map(s => s.split('/')).flat()}
<span class="protocol">{split[0]}://</span><span class="hostname">{split[1]}</span><span class="path">{split.slice(2).join('/')}</span>
{:else}
<span class="empty">no host selected</span>
{/if}
</div>
<div class="actions">
@ -48,14 +53,15 @@
display: flex;
justify-content: space-between;
align-items: center;
margin: 1rem;
padding: 0.5rem 0.5rem 0.5rem 1rem;
height: 3rem;
border: 1px solid #ccc;
border-radius: 10px;
}
.address.empty {
font-style: italic;
.address .protocol,
.address .path,
.address .empty {
opacity: 0.6;
}