mirror of
https://github.com/coracle-social/coracle.git
synced 2024-09-18 19:23:40 +00:00
Fix small style things
This commit is contained in:
parent
2f0317e8aa
commit
1188dc55be
@ -15,9 +15,9 @@
|
|||||||
{"opacity-50": loading},
|
{"opacity-50": loading},
|
||||||
switcher(type, {
|
switcher(type, {
|
||||||
anchor: "underline",
|
anchor: "underline",
|
||||||
button: "py-2 px-4 rounded bg-white text-accent",
|
button: "py-2 px-4 rounded bg-white text-accent whitespace-nowrap",
|
||||||
'button-circle': "w-10 h-10 flex justify-center items-center rounded-full bg-white text-accent",
|
'button-circle': "w-10 h-10 flex justify-center items-center rounded-full bg-white text-accent whitespace-nowrap",
|
||||||
'button-accent': "py-2 px-4 rounded bg-accent text-white",
|
'button-accent': "py-2 px-4 rounded bg-accent text-white whitespace-nowrap",
|
||||||
}),
|
}),
|
||||||
)
|
)
|
||||||
</script>
|
</script>
|
||||||
|
@ -2,7 +2,6 @@
|
|||||||
import {fly, fade} from "svelte/transition"
|
import {fly, fade} from "svelte/transition"
|
||||||
|
|
||||||
export let onEscape = null
|
export let onEscape = null
|
||||||
export let nested = false
|
|
||||||
|
|
||||||
let root
|
let root
|
||||||
</script>
|
</script>
|
||||||
@ -16,16 +15,13 @@
|
|||||||
|
|
||||||
<div class="fixed inset-0 z-30 modal" bind:this={root}>
|
<div class="fixed inset-0 z-30 modal" bind:this={root}>
|
||||||
<div
|
<div
|
||||||
class="absolute inset-0 bg-black"
|
class="absolute inset-0 bg-black opacity-75"
|
||||||
class:cursor-pointer={onEscape}
|
class:cursor-pointer={onEscape}
|
||||||
class:opacity-75={!nested}
|
|
||||||
class:opacity-25={nested}
|
|
||||||
transition:fade
|
transition:fade
|
||||||
on:click={onEscape} />
|
on:click={onEscape} />
|
||||||
<div
|
<div
|
||||||
class="absolute inset-0 mt-20 sm:mt-28 modal-content"
|
class="absolute inset-0 mt-20 sm:mt-28 modal-content"
|
||||||
transition:fly={{y: 1000, opacity: 1}}
|
transition:fly={{y: 1000, opacity: 1}}>
|
||||||
style={nested && `padding-top: 1rem`}>
|
|
||||||
<div class="bg-dark border-t border-solid border-medium h-full w-full overflow-auto pb-10">
|
<div class="bg-dark border-t border-solid border-medium h-full w-full overflow-auto pb-10">
|
||||||
<slot />
|
<slot />
|
||||||
</div>
|
</div>
|
||||||
|
@ -19,7 +19,7 @@
|
|||||||
class="fixed top-0 bg-dark flex justify-between items-center text-white w-full p-4
|
class="fixed top-0 bg-dark flex justify-between items-center text-white w-full p-4
|
||||||
border-b border-medium z-10 h-16"
|
border-b border-medium z-10 h-16"
|
||||||
>
|
>
|
||||||
<button class="lg:hidden fa fa-bars fa-2xl cursor-pointer" on:click={toggleMenu} />
|
<div class="lg:hidden fa fa-bars fa-2xl cursor-pointer" on:click={toggleMenu} />
|
||||||
<Anchor external type="unstyled" href="https://github.com/staab/coracle" class="flex items-center gap-2">
|
<Anchor external type="unstyled" href="https://github.com/staab/coracle" class="flex items-center gap-2">
|
||||||
<img alt="Coracle Logo" src="/images/logo.png" class="w-8" />
|
<img alt="Coracle Logo" src="/images/logo.png" class="w-8" />
|
||||||
<h1 class="staatliches text-3xl">Coracle</h1>
|
<h1 class="staatliches text-3xl">Coracle</h1>
|
||||||
|
@ -121,7 +121,7 @@
|
|||||||
</Content>
|
</Content>
|
||||||
|
|
||||||
{#if modal}
|
{#if modal}
|
||||||
<Modal nested onEscape={modal === 'success' ? null : () => { modal = null }}>
|
<Modal onEscape={modal === 'success' ? null : () => { modal = null }}>
|
||||||
<Content>
|
<Content>
|
||||||
{#if modal === 'success'}
|
{#if modal === 'success'}
|
||||||
<div class="text-center my-12">Success! Just a moment while we get things set up.</div>
|
<div class="text-center my-12">Success! Just a moment while we get things set up.</div>
|
||||||
|
@ -352,7 +352,7 @@
|
|||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
{#if showRelays}
|
{#if showRelays}
|
||||||
<Modal nested onEscape={() => { showRelays = false }}>
|
<Modal onEscape={() => { showRelays = false }}>
|
||||||
<Content>
|
<Content>
|
||||||
<RelayCard theme="black" showControls relay={{url: note.seen_on}} />
|
<RelayCard theme="black" showControls relay={{url: note.seen_on}} />
|
||||||
</Content>
|
</Content>
|
||||||
|
@ -122,7 +122,7 @@
|
|||||||
</form>
|
</form>
|
||||||
|
|
||||||
{#if showSettings}
|
{#if showSettings}
|
||||||
<Modal nested onEscape={closeSettings}>
|
<Modal onEscape={closeSettings}>
|
||||||
<form on:submit|preventDefault={closeSettings}>
|
<form on:submit|preventDefault={closeSettings}>
|
||||||
<Content>
|
<Content>
|
||||||
<div class="flex justify-center items-center mb-4">
|
<div class="flex justify-center items-center mb-4">
|
||||||
|
Loading…
Reference in New Issue
Block a user