diff --git a/assets/css/inputs.css b/assets/css/inputs.css
index 5b1d27c..4c29d84 100644
--- a/assets/css/inputs.css
+++ b/assets/css/inputs.css
@@ -26,7 +26,7 @@
flex-shrink: 0;
align-items: stretch;
box-sizing: border-box;
- padding: .5rem 0 .5rem .5rem;
+ padding: .5rem;
border: none;
border-radius: .25rem;
background: var(--background);
@@ -57,16 +57,30 @@
}
.button-label {
- margin-right: .75rem;
+ margin-right: .25rem;
}
.button-submit {
- color: var(--primary);
+ background: var(--primary);
+ color: var(--text-light);
+ justify-content: center;
+
+ &:hover:not(:disabled) {
+ background: var(--primary-dark-10);
+ }
+
+ &:disabled {
+ background: var(--shadow-weak-10);
+ }
+}
+
+.button-primary {
+ background: var(--primary);
+ color: var(--text-light);
justify-content: center;
&:hover:not(:disabled) {
background: var(--primary);
- cursor: pointer;
}
&:disabled {
diff --git a/assets/css/theme.css b/assets/css/theme.css
index 05c4df1..d463677 100644
--- a/assets/css/theme.css
+++ b/assets/css/theme.css
@@ -1,4 +1,5 @@
:root {
+ --primary-dark-10: #e54485;
--primary: #f65596;
--primary-light-10: #f075a6;
--primary-light-30: #f7c9dc;
diff --git a/assets/img/icons/pen6.svg b/assets/img/icons/pen6.svg
new file mode 100644
index 0000000..acb8ec1
--- /dev/null
+++ b/assets/img/icons/pen6.svg
@@ -0,0 +1,6 @@
+
+
diff --git a/assets/img/icons/pencil5.svg b/assets/img/icons/pencil5.svg
new file mode 100644
index 0000000..2ac7b9a
--- /dev/null
+++ b/assets/img/icons/pencil5.svg
@@ -0,0 +1,6 @@
+
+
diff --git a/assets/img/icons/pencil7.svg b/assets/img/icons/pencil7.svg
new file mode 100644
index 0000000..f7b91f6
--- /dev/null
+++ b/assets/img/icons/pencil7.svg
@@ -0,0 +1,6 @@
+
+
diff --git a/components/actors/tile.vue b/components/actors/tile.vue
index 3c1128a..007fa89 100644
--- a/components/actors/tile.vue
+++ b/components/actors/tile.vue
@@ -97,7 +97,7 @@ const pageStash = pageContext.pageProps.stash;
// console.log(props.actor);
-const favorited = ref(props.actor.stashes?.some((sceneStash) => sceneStash.primary) || false);
+const favorited = ref(props.actor.stashes?.some((sceneStash) => sceneStash.isPrimary) || false);
async function stash() {
try {
diff --git a/components/footer/navigation.vue b/components/footer/navigation.vue
index 31ad9c9..11ef0de 100644
--- a/components/footer/navigation.vue
+++ b/components/footer/navigation.vue
@@ -68,6 +68,14 @@ const activePage = computed(() => pageContext.urlParsed.pathname.split('/')[1]);
font-weight: bold;
font-size: .9rem;
+ &:first-child {
+ padding-left: .5rem;
+ }
+
+ &:last-child {
+ padding-right: .5rem;
+ }
+
&:hover {
cursor: pointer;
diff --git a/components/header/header.vue b/components/header/header.vue
index 755765b..6e68f2e 100644
--- a/components/header/header.vue
+++ b/components/header/header.vue
@@ -67,10 +67,13 @@
placeholder="Search"
class="input"
@focus="searchFocused = true"
- @blur="searchFocused = false"
+ @blur="blurSearch"
>
-