Replace captcha package with own implementation

This commit is contained in:
2026-04-20 21:36:02 +02:00
parent 361b511c3e
commit 8ae9eaaadb
17 changed files with 212 additions and 156 deletions

View File

@@ -126,29 +126,5 @@ input:checked~.dot {
/* Captcha */
:root {
--altcha-border-width: 1px;
--altcha-border-radius: 0.375rem;
--altcha-color-base: #333;
--altcha-color-border: #a0a0a0;
--altcha-color-text: #fff;
--altcha-color-border-focus: currentColor;
--altcha-color-error-text: #f23939;
--altcha-color-footer-bg: #141414;
--altcha-max-width: 260px;
color-scheme: light dark;
}
.altcha-footer {
border-bottom-left-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
}
input[type="checkbox"] {
background-color: #ffffff;
border-color: #a0a0a0;
color: rgb(225,29,72);
}
input[type="checkbox"]:checked {
background-color: rgb(225,29,72);
box-shadow: 0 0 0 0px #fff, 0 0 0 calc(2px + 0px) rgba(246, 59, 118, 0.5), 0 0 #0000;
}

View File

@@ -14,6 +14,7 @@ import {
// Captcha
import 'altcha';
import "altcha/themes/cupcake.css";
// import Alpine from 'alpinejs';

View File

@@ -69,8 +69,8 @@
</label>
</div>
<div class="block">
<altcha-widget id="captcha" floating challengeurl="/altcha-challenge"></altcha-widget>
<div class="block pt-3 w-3/4 mx-auto">
<altcha-widget id="captcha" theme="cupcake" challenge="/altcha-challenge"></altcha-widget>
<x-input-error :messages="$errors->get('altcha')" class="mt-2" />
</div>
@@ -132,8 +132,8 @@
<x-input-error :messages="$errors->get('password_confirmation')" class="mt-2" />
</div>
<div class="block">
<altcha-widget id="captcha" floating challengeurl="/altcha-challenge"></altcha-widget>
<div class="block pt-3 w-3/4 mx-auto">
<altcha-widget id="captcha" theme="cupcake" challenge="/altcha-challenge"></altcha-widget>
<x-input-error :messages="$errors->get('altcha')" class="mt-2" />
</div>

View File

@@ -33,7 +33,7 @@
<x-input-error class="mt-2" :messages="$errors->get('message')" />
</div>
<altcha-widget id="captcha" floating challengeurl="/altcha-challenge"></altcha-widget>
<altcha-widget id="captcha" theme="cupcake" challenge="/altcha-challenge"></altcha-widget>
<div class="flex items-center gap-4">
<x-primary-button>{{ __('Submit') }}</x-primary-button>

View File

@@ -7,8 +7,8 @@
</p>
<p id="message" class="text-red-600">
</p>
<div class="flex pt-2">
<altcha-widget id="altcha" challengeurl="/altcha-challenge"></altcha-widget>
<div class="block pt-2">
<altcha-widget id="altcha" theme="cupcake" challenge="/altcha-challenge"></altcha-widget>
</div>
<br>
<p class="text-gray-800 dark:text-gray-200 text-sm">