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="password-form">
<p>This content is protected. Enter the password to view it:</p>
<form>
<div>
<input type="password" class="decrypt-password" title="password" />
<button class="decrypt-button">Decrypt</button>
</form>
</div>
</div>
<div class="content-container hidden"></div>
</div>
<style>
div.encrypted-content {
border: 1px solid var(--border-color);
}
div.password-form {
margin: 0.5rem auto;
margin: 0.25rem auto;
}
div.password-form div {
margin: 0.25rem auto;
}
input[type="password"] {
background: var(--accent-color);
color: var(--bg-color);
border: none;
padding: 0.25rem;
}
button {
background-color: var(--accent-color);
color: var(--bg-color);
border: none;
padding: 0.25rem;
}