romein/rolens
1
0
Fork 0
mirror of https://github.com/garraflavatra/rolens.git synced 2025-01-18 13:07:58 +00:00
Code Issues Releases Activity

Style updates

Browse Source
This commit is contained in:
Romein van Buren 2023-05-29 20:22:06 +02:00
parent f230b4587f
commit 035d5211d9
Signed by: romein
GPG Key ID: 0EFF8478ADDF6C49
3 changed files with 23 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/modal.svelte
View File

@ -81,7 +81,7 @@
margin-right: auto;
margin-bottom: auto;
width: 100%;
border-radius: 10px;
border-radius: var(--radius);
display: flex;
flex-flow: column;
cursor: auto;
@ -97,7 +97,7 @@
header {
display: flex;
align-items: center;
padding: 1rem;
padding: 0.75rem;
}
header .title {
font-size: 1.5rem;
@ -114,14 +114,14 @@
overflow-y: auto;
}
.content.padded {
padding: 1rem;
padding: 0.75rem;
}
header + .content.padded {
border-top: 1px solid #ccc;
}
footer {
padding: 1rem;
padding: 0.75rem;
border-top: 1px solid #ccc;
}
</style>

21
frontend/src/organisms/connection/collection/find.svelte
View File

@ -171,19 +171,20 @@
</div>
<div class="form-row actions">
<!-- <CodeExample {code} /> -->
<button class="btn" type="button" on:click={loadQuery}>
<Icon name="upload" /> Load query…
</button>
<button class="btn" type="button" on:click={saveQuery}>
<Icon name="save" /> Save as…
</button>
<button class="btn" type="button" on:click={() => exportInfo = {}}>
<Icon name="save" /> Export results…
</button>
<button type="submit" class="btn" title="Run query">
<Icon name="play" /> Run
</button>
<button class="btn secondary" type="button" on:click={() => exportInfo = {}}>
<Icon name="save" /> Export results…
</button>
<div class="field">
<button class="btn secondary" type="button" on:click={loadQuery}>
<Icon name="upload" /> Load query…
</button>
<button class="btn secondary" type="button" on:click={saveQuery}>
<Icon name="save" /> Save as…
</button>
</div>
</div>
</form>

14
frontend/src/styles/style.css
View File

@ -1,5 +1,6 @@
:root {
--darwin-titlebar-height: 36px;
--radius: 4px;
}
html,
@ -55,10 +56,11 @@ select:disabled {
background-color: #00008b;
border: 1px solid #00008b;
padding: 0.5rem;
border-radius: 10px;
border-radius: var(--radius);
color: #fff;
}
.btn:focus {
.btn:focus,
.btn:active {
box-shadow: 0 0 0 3px rgba(0, 0, 139, 0.2);
outline: none;
}
@ -163,15 +165,15 @@ select:disabled {
background-position: right 0.5rem center;
}
.field > :first-child {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border-top-left-radius: var(--radius);
border-bottom-left-radius: var(--radius);
}
.field > *:not(:last-child) {
border-right: none;
}
.field > :last-child {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-top-right-radius: var(--radius);
border-bottom-right-radius: var(--radius);
}
code,