gb/mercury
Template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Activity Actions

fix: ProtectedContent don't enter on submit and styling fix

Browse source
This commit is contained in:
草师傅 2025-06-13 10:35:44 +08:00
parent 93fb60724c
commit 4b603b74d2
1 changed files with 8 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/components/shortcodes/ProtectedContent.astro
View file

@ -21,28 +21,30 @@ const { encryptedData, iv } = encrypt(content, password);
<div class="encrypted-content" data-encrypted={encryptedData} data-iv={iv}> <div class="encrypted-content" data-encrypted={encryptedData} data-iv={iv}>
<div class="password-form"> <div class="password-form">
<p>This content is protected. Enter the password to view it:</p> <p>This content is protected. Enter the password to view it:</p>
<form> <div>
<input type="password" class="decrypt-password" title="password" /> <input type="password" class="decrypt-password" title="password" />
<button class="decrypt-button">Decrypt</button> <button class="decrypt-button">Decrypt</button>
</form> </div>
</div> </div>
<div class="content-container hidden"></div> <div class="content-container hidden"></div>
</div> </div>
<style> <style>
div.encrypted-content {
border: 1px solid var(--border-color);
}
div.password-form { div.password-form {
margin: 0.5rem auto; margin: 0.25rem auto;
}
div.password-form div {
margin: 0.25rem auto;
} }
input[type="password"] { input[type="password"] {
background: var(--accent-color); background: var(--accent-color);
color: var(--bg-color);
border: none; border: none;
padding: 0.25rem; padding: 0.25rem;
} }
button { button {
background-color: var(--accent-color); background-color: var(--accent-color);
color: var(--bg-color);
border: none; border: none;
padding: 0.25rem; padding: 0.25rem;
} }