Implement metadata editor redesign

ramp4-pcar4 · Sep 27, 2024 · 2fda8bd · 2fda8bd
1 parent d7f5346
commit 2fda8bd
Show file tree

Hide file tree

Showing 4 changed files with 500 additions and 258 deletions.
diff --git a/src/app.vue b/src/app.vue
@@ -29,7 +29,7 @@ export default class App extends Vue {
 </script>
 
 <style lang="scss">
-$font-list: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+$font-list: 'Segoe UI', system-ui, ui-sans-serif, Tahoma, Geneva, Verdana, sans-serif;
 
 .ovwContainer .layerTile {
     max-width: initial;

diff --git a/src/components/editor.vue b/src/components/editor.vue
@@ -372,10 +372,11 @@ export default class EditorV extends Vue {
 }
 
 .editor-input {
-    padding: 5px 10px;
+    padding: 10px 10px;
     margin-top: 5px;
     border: 1px solid black;
     display: inline;
+    border-radius: 5px;
 }
 
 .editor-container .input-error {
@@ -389,6 +390,11 @@ export default class EditorV extends Vue {
     transition-duration: 0.2s;
 }
 
+.editor-forms-button {
+    padding: 11px 15px;
+    border-radius: 5px;
+}
+
 .editor-button:hover:enabled {
     background-color: #dbdbdb;
     color: black;