{/if}
@@ -81,6 +133,7 @@
.wrapper {
display: grid;
grid-template-columns: 1fr 3fr;
+ gap: 16px;
}
.editor1 {
@@ -116,18 +169,17 @@
text-align: center;
}
- .gender {
+ .selector {
display: flex;
- gap: 8px;
+ flex-direction: row;
justify-content: center;
- width: 100%;
}
- .gender input {
+ .selector input {
appearance: none;
}
- .gender label {
+ .selector label {
border-radius: 4px;
display: flex;
justify-content: center;
@@ -136,17 +188,19 @@
padding-bottom: 0.1em;
font-size: 1.5em;
cursor: pointer;
+ /* Beef up the text shadow a little bit, some emojis might blend into the bg too much */
+ text-shadow: -0.05em 0.05em 0.1em rgba(0, 0, 0, 0.6);
}
- .gender label:has(input:checked) {
+ .selector label:has(input:checked) {
border: solid 3px #d93703;
}
- .gender label:has(input:not(:checked)) {
+ .selector label:has(input:not(:checked)) {
border: solid 3px #00000000;
}
- .gender label input {
+ .selector label input {
position: absolute;
}
diff --git a/src/routes/(edit)/character/+page.svelte b/src/routes/(edit)/character/+page.svelte
index a1f53ea..3e102e8 100644
--- a/src/routes/(edit)/character/+page.svelte
+++ b/src/routes/(edit)/character/+page.svelte
@@ -97,10 +97,6 @@
Golden Walnuts
-