diff --git a/components/FilterModal.vue b/components/FilterModal.vue index 362dc47..b4fb130 100644 --- a/components/FilterModal.vue +++ b/components/FilterModal.vue @@ -118,7 +118,7 @@ function toggleTagVisibility(tagName: string) { @change="updateTagVisibility(tag.name, $event.target.checked)" /> {{ tag.name }} -
+
diff --git a/public/css/style.css b/public/css/style.css index 4d21e6b..3f449d0 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -73,6 +73,7 @@ body { font-family: 'ChicagoFLF', 'Times New Roman', 'Georgia', serif; font-size: 12px; font-weight: normal; + color: var(--text-normal); } a { @@ -600,16 +601,22 @@ input[type="checkbox"] { border-radius: 3px; border: 1px solid var(--border-outer); - box-shadow: var(--button-box-shadow); + box-shadow: inset 1px 1px #ccc,inset -1px -1px #888; + background-image: none; +} + +input[type="checkbox"]:checked { + box-shadow: inset -1px -1px #ccc,inset 1px 1px #888; } + input[type="checkbox"]::before { content: ""; width: 1.2em; height: 1.2em; transform: scale(0); transition: 120ms transform ease-in-out; - box-shadow: inset 1em 1em var(--text-black); + box-shadow: inset 1em 1em var(--text-normal); transform-origin: bottom left; clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); @@ -617,4 +624,11 @@ input[type="checkbox"]::before { input[type="checkbox"]:checked::before { transform: scale(1); +} + +.filterButton button { + font-size: 1.5em; + width: 100%; + padding-top: 0.2em; + padding-bottom: 0.2em; } \ No newline at end of file