diff --git a/assets/css/inputs.css b/assets/css/inputs.css
index f43e079..5b1d27c 100644
--- a/assets/css/inputs.css
+++ b/assets/css/inputs.css
@@ -23,17 +23,22 @@
.button {
display: inline-flex;
- align-items: center;
+ flex-shrink: 0;
+ align-items: stretch;
box-sizing: border-box;
- padding: .5rem 1rem;
+ padding: .5rem 0 .5rem .5rem;
border: none;
border-radius: .25rem;
- background: var(--grey-light-30);
- font-size: 1rem;
+ background: var(--background);
+ box-shadow: 0 0 3px var(--shadow-weak-30);
+ color: var(--shadow-strong-30);
+ font-size: .9rem;
font-weight: bold;
.icon {
- padding: .5rem;
+ height: auto;
+ padding: 0 .75rem 0 .25rem;
+ fill: var(--shadow-strong-20);
}
&:hover {
@@ -51,9 +56,13 @@
}
}
+.button-label {
+ margin-right: .75rem;
+}
+
.button-submit {
- background: var(--primary-light-10);
- color: var(--text-light);
+ color: var(--primary);
+ justify-content: center;
&:hover:not(:disabled) {
background: var(--primary);
diff --git a/components/dialog/dialog.vue b/components/dialog/dialog.vue
new file mode 100644
index 0000000..3c737ec
--- /dev/null
+++ b/components/dialog/dialog.vue
@@ -0,0 +1,98 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/config/default.cjs b/config/default.cjs
index 639f5ea..9afb160 100755
--- a/config/default.cjs
+++ b/config/default.cjs
@@ -65,6 +65,8 @@ module.exports = {
usernamePattern: /^[a-zA-Z0-9_-]+$/,
},
stashes: {
+ nameLength: [2, 24],
+ namePattern: /^[a-zA-Z0-9_-]+$/,
viewRefreshCooldown: 60, // minutes
},
media: {
diff --git a/pages/users/@username/+Page.vue b/pages/users/@username/+Page.vue
index d27a247..2f1338a 100644
--- a/pages/users/@username/+Page.vue
+++ b/pages/users/@username/+Page.vue
@@ -1,87 +1,168 @@
-
-