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

[ui] move sections with labels in borders into a util stylesheet

feat/vaults
Tomáš Mládek 2022-01-22 20:18:57 +01:00
parent c95fc3518a
commit dba543ca0e
No known key found for this signature in database
GPG Key ID: ED21612889E75EC5
2 changed files with 32 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
webui/src/components/AttributeView.svelte
View File

@ -129,52 +129,19 @@
</section>
<style scoped lang="scss">
section {
position: relative;
overflow: visible;
margin-top: 1.66em;
padding: 1ex 0.95ex;
border: 0.1em solid var(--foreground);
border-radius: 4px;
header {
margin-bottom: 0.2em;
& > * {
position: absolute;
top: -0.66em;
margin: 0;
background: var(--background-lighter);
font-weight: 600;
line-height: 1;
padding: 0 0.75ex;
@use "./util";
.icon {
display: inline-block;
font-size: 1.25em;
margin-top: -0.3em;
}
.icon {
position: relative;
bottom: -2px;
}
}
h3 {
left: 1ex;
}
.views {
display: flex;
right: 1ex;
font-size: 18px;
}
}
}
</style>

31
webui/src/components/util.scss Normal file
View File

@ -0,0 +1,31 @@
section.labelborder {
position: relative;
overflow: visible;
margin-top: 1.66em;
padding: 1ex 0.95ex;
border: 0.1em solid var(--foreground);
border-radius: 4px;
header {
margin-bottom: 0.2em;
& > * {
position: absolute;
top: -0.66em;
margin: 0;
background: var(--background-lighter);
font-weight: 600;
line-height: 1;
padding: 0 0.75ex;
}
h3 {
left: 1ex;
}
}
}