thm
/
upend
1
0
Fork 0
Code Issues 73 Pull Requests Packages Projects Releases 5 Wiki Activity

css tweaks, browse as cards

feat/vaults
Tomáš Mládek 2021-12-30 22:22:23 +01:00
parent af2913f17e
commit 28b91b5c4b
No known key found for this signature in database
GPG Key ID: ED21612889E75EC5
4 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/src/App.svelte
View File

@ -40,7 +40,7 @@
@import url("/assets/fonts/inter.css");
$primary: #2c3e50;
$primary-lighter: #3f5770;
$primary-lighter: #3a5068;
$primary-lightest: #3a92f0;
$background: white;
@ -50,7 +50,7 @@
--foreground: #{$primary};
--foreground-lighter: #{$primary-lighter};
--background: #{$background};
--background-emph: #{color.scale($background, $lightness: -3%)};
--background-emph: #{color.scale($background, $lightness: -4%)};
--primary-lightest: #{$primary-lightest};
--error: darkred;
--warning: orange;

2
ui/src/components/AttributeView.svelte
View File

@ -138,7 +138,7 @@
margin: 0;
background: var(--background);
background: var(--background-emph);
font-weight: 600;
line-height: 1;

3
ui/src/components/Inspect.svelte
View File

@ -137,9 +137,6 @@ import Spinner from "./utils/Spinner.svelte";
flex: auto;
display: flex;
flex-direction: column;
& > * {
padding: 0 1rem;
}
}
.attributes {

9
ui/src/views/Browse.svelte
View File

@ -58,6 +58,8 @@ import IconButton from "../components/utils/IconButton.svelte";
.browser {
display: flex;
overflow-x: auto;
gap: 1rem;
padding: 0 1rem;
// header margin magic
height: calc(100% - 3.5rem - 1rem - 1px);
@ -74,13 +76,14 @@ import IconButton from "../components/utils/IconButton.svelte";
display: flex;
flex-direction: column;
border-left: 1px solid var(--foreground);
border-right: 1px solid var(--foreground);
background: var(--background-emph);
border: 1px solid var(--foreground-lighter);
border-radius: .5em;
padding: 1rem;
header {
font-size: 22px;
position: relative;
margin: 0 1rem;
min-height: 1em;
display: flex;