MightyPork/yopa
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

add rollup/vue for frontend assets, add wip new object form (needs success/error handling)

Browse Source
This commit is contained in:
MightyPork
2021-02-14 23:20:08 +01:00
parent 780ad36696
commit b5a4900209
38 changed files with 3617 additions and 163 deletions
Download Patch File Download Diff File Expand all files Collapse all files
yopa-web/resources/static/bundle.js
+2
View File
File diff suppressed because one or more lines are too long
yopa-web/resources/static/bundle.js.map
+1
View File
File diff suppressed because one or more lines are too long
yopa-web/resources/static/style.css
+73 -86
View File
@@ -1,123 +1,103 @@
*, *::before, *::after {
box-sizing: border-box;
}
box-sizing: border-box; }
html, textarea, select {
font-family: "IBM Plex", "DejaVu Sans", "Helvetica", sans-serif;
}
font-family: "IBM Plex", "DejaVu Sans", "Helvetica", sans-serif; }
.Form {
display: block;
width: 900px;
margin: 0 auto;
}
display: block;
width: 900px;
margin: 0 auto; }
nav.top-nav {
margin-bottom: .5rem;
border-bottom: 1px solid silver;
}
margin-bottom: .5rem;
border-bottom: 1px solid silver; }
nav.top-nav, .content {
margin: 0 auto;
width: 900px;
}
margin: 0 auto;
width: 900px; }
a {
color: gray;
text-decoration: none;
}
color: gray;
text-decoration: none; }
a:hover {
color: black;
text-decoration: underline;
}
color: black;
text-decoration: underline; }
nav.top-nav a {
display: inline-block;
padding: .75rem;
color: gray;
text-decoration: none;
}
display: inline-block;
padding: .75rem;
color: gray;
text-decoration: none; }
nav.top-nav a:hover {
color: black;
text-decoration: underline;
}
color: black;
text-decoration: underline; }
.Form .Row {
display: flex;
padding: .25rem;
}
display: flex;
padding: .25rem; }
.Form .Row.indented {
padding-left: 10.25rem;
}
padding-left: 10.25rem; }
input[type="text"],
input[type="number"],
textarea,
.tag-input {
border: 1px solid silver;
padding: 0.5rem;
border-radius: 5px;
font-size: 1rem;
}
border: 1px solid silver;
padding: 0.5rem;
border-radius: 5px;
font-size: 1rem; }
input[type="text"]:focus,
input[type="number"]:focus,
textarea:focus,
.tag-input.active {
box-shadow: inset 0 0 0 1px #3c97ff;
border-color: #3c97ff;
outline: 0 none !important;
}
box-shadow: inset 0 0 0 1px #3c97ff;
border-color: #3c97ff;
outline: 0 none !important; }
.Form label {
flex-shrink: 0;
width: 10rem;
height: 2.1rem;
line-height: 2.1rem;
vertical-align: middle;
text-align: right;
display: inline-block;
padding-right: .5rem;
align-self: flex-start;
}
flex-shrink: 0;
width: 10rem;
height: 2.1rem;
line-height: 2.1rem;
vertical-align: middle;
text-align: right;
display: inline-block;
padding-right: .5rem;
align-self: flex-start; }
.Form input[type="text"],
.Form input[type="number"],
.Form select {
height: 2.1rem;
width: 15rem;
}
height: 2.1rem;
width: 15rem; }
.Form textarea {
flex-shrink: 1;
width: 30rem;
height: 6rem;
}
flex-shrink: 1;
width: 30rem;
height: 6rem; }
.Form label.checkbox-wrap {
width: 15rem;
padding-right: 1rem;
text-align: left !important;
}
width: 15rem;
padding-right: 1rem;
text-align: left !important; }
.tag-input {
position: relative;
width: 30rem;
padding-bottom: 0rem !important;
}
position: relative;
width: 30rem;
padding-bottom: 0rem !important; }
.tag-input input,
.tag-input input:focus {
border: 0 transparent;
padding: 0;
margin: 0;
box-shadow: none;
outline: 0 none !important;
}
border: 0 transparent;
padding: 0;
margin: 0;
box-shadow: none;
outline: 0 none !important; }
/*
@@ -201,22 +181,29 @@ textarea:focus,
}
*/
li {
padding-bottom: .5rem;
}
padding-bottom: .5rem; }
.toast {
border: 1px solid black;
border-radius: 5px;
padding: .5rem;
margin: .5rem 0;
}
border: 1px solid black;
border-radius: 5px;
padding: .5rem;
margin: .5rem 0; }
.toast.error {
border-color: #dc143c;
}
border-color: #dc143c; }
.toast.success {
border-color: #32cd32;
}
border-color: #32cd32; }
.EditForm th {
text-align: left;
vertical-align: top; }
label {
cursor: pointer; }
.new-relation[data-v-0f98a4a0] {
border: 1px dashed gray;
margin: 10px 0;
padding: 10px; }