diff --git a/src/App.svelte b/src/App.svelte
index 882b449..0da109c 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -36,7 +36,7 @@
.window {
display: grid;
grid-template-areas: "Nav Main";
- grid-template-columns: 4rem calc(100% - 4rem);
+ grid-template-columns: 66px calc(100% - 66px);
box-sizing: border-box;
width: 100vw;
height: 100vh;
diff --git a/src/lib/IntegerInput.svelte b/src/lib/IntegerInput.svelte
new file mode 100644
index 0000000..1cf94b5
--- /dev/null
+++ b/src/lib/IntegerInput.svelte
@@ -0,0 +1,39 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/src/lib/MetadataInput.svelte b/src/lib/MetadataInput.svelte
index 81d6f0e..e712351 100644
--- a/src/lib/MetadataInput.svelte
+++ b/src/lib/MetadataInput.svelte
@@ -1,5 +1,12 @@
@@ -12,14 +19,14 @@
-
+
- /
+ /
-
+
-
+
diff --git a/src/lib/Sidebar.svelte b/src/lib/Sidebar.svelte
index 348e8d7..43b35e9 100644
--- a/src/lib/Sidebar.svelte
+++ b/src/lib/Sidebar.svelte
@@ -22,14 +22,14 @@
display: flex;
flex-direction: column;
border-right: 2px solid black;
+ width: 66px;
}
.sidebar-button {
border: 2px solid transparent;
border-radius: 0;
- width: 100%;
- height: auto;
- aspect-ratio: 1;
+ width: 64px;
+ height: 64px;
background-color: grey;
transition: border-color 0.25s;
cursor: pointer;
diff --git a/src/styles.css b/src/styles.css
index 86b8794..fcfd6d7 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -71,6 +71,7 @@ h1 {
text-align: center;
}
+/*
input,
button {
border-radius: 8px;
@@ -84,6 +85,7 @@ button {
transition: border-color 0.25s;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
+*/
button {
cursor: pointer;
@@ -97,10 +99,10 @@ button:active {
background-color: #e8e8e8;
}
-input,
+/*input,
button {
outline: none;
-}
+}*/
#greet-input {
margin-right: 5px;