Skip to content

Commit

Permalink
u
Browse files Browse the repository at this point in the history
  • Loading branch information
hadithmv committed Dec 13, 2024
1 parent 7deefc6 commit da55a8b
Show file tree
Hide file tree
Showing 5 changed files with 37 additions and 28 deletions.
2 changes: 1 addition & 1 deletion books-uc/quran-test-pages/quranTest.html
Original file line number Diff line number Diff line change
Expand Up @@ -528,7 +528,7 @@ <h4>Details about the Tanzil Quran text:</h4>
}

/* Responsive Design */
@media (max-width: 768px) {
@media (max-width: 599px) {
.navigation-container {
flex-direction: column;
}
Expand Down
4 changes: 2 additions & 2 deletions page-uc/qrCode/qrcodegen-input-custom.html
Original file line number Diff line number Diff line change
Expand Up @@ -442,7 +442,7 @@
}
}

@media (max-width: 768px) {
@media (max-width: 599px) {
.qr-container,
.qr-grid,
.output-section {
Expand Down Expand Up @@ -569,7 +569,7 @@
}

/* Mobile Adjustments */
@media (max-width: 768px) {
@media (max-width: 599px) {
#scale-row.input-divider {
padding: 0.5rem 1rem;
}
Expand Down
55 changes: 32 additions & 23 deletions page-uc/textEditor.html
Original file line number Diff line number Diff line change
Expand Up @@ -58,6 +58,10 @@
padding: 15px;
padding-bottom: 0;
}

.tab-content {
padding: 0.5rem;
}
}

/* CSS styles will be added here */
Expand Down Expand Up @@ -271,7 +275,7 @@
}

/* Add media query for smaller screens */
@media (max-width: 768px) {
@media (max-width: 599px) {
.dropdown-content {
right: auto; /* Reset right alignment */
left: 50%; /* Center horizontally */
Expand Down Expand Up @@ -373,7 +377,7 @@
color: blue;
}

@media (max-width: 768px) {
@media (max-width: 599px) {
.edit-controls {
flex-direction: column;
}
Expand Down Expand Up @@ -2575,7 +2579,7 @@ <h4>🔢 Direct Proportion Calculator</h4>
}

/* Mobile responsiveness */
@media (max-width: 768px) {
@media (max-width: 599px) {
.proportion-row {
grid-template-columns: 2.5rem 4rem 2.5rem 4rem 1rem;
gap: 0.25rem;
Expand Down Expand Up @@ -2880,9 +2884,7 @@ <h4>🌙 Islamic Night Time Calculator</h4>
-->

<h4>🔒 Text Encryption and Decryption</h4>
<p>(AES 256-GCM & PBKDF2)</p>

<br />
<p>(Uses AES 256-GCM & PBKDF2)</p>

<style>
.crypt-container {
Expand All @@ -2892,17 +2894,14 @@ <h4>🔒 Text Encryption and Decryption</h4>
width: 100%;
box-sizing: border-box;
margin: 0 auto;
margin-top: 5px;
}

@media (max-width: 768px) {
@media (max-width: 599px) {
.crypt-container {
grid-template-columns: minmax(0, 1fr);
gap: 1rem;
}

.tab-content {
padding: 0.5rem;
}
}

.crypt-section {
Expand Down Expand Up @@ -2938,20 +2937,20 @@ <h4>🔒 Text Encryption and Decryption</h4>
padding: 0.75rem;
border: 1px solid var(--textarea-border);
border-radius: 4px;
font-size: 0.7rem;
font-size: 0.75rem;
background-color: var(--textarea-bg);
color: var(--textarea-text);
box-sizing: border-box;
}

.crypt-button {
padding: 0.75rem 1.5rem;
/* padding: 0.75rem 1.5rem; */
background-color: var(--button-bg);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
cursor: pointer;
font-size: 1rem;
/* font-size: 1rem; */
}

.crypt-button:hover {
Expand Down Expand Up @@ -2983,22 +2982,28 @@ <h4>🔒 Text Encryption and Decryption</h4>
line-height: 1.5;
}

.copy-button {
.crypt-copy-button {
align-self: flex-end;
padding: 0.5rem 1rem;
background-color: var(--button-bg);
color: var(--button-text);
border: 1px solid var(--button-border);
border-radius: 4px;
cursor: pointer;
font-size: 0.9rem;
/* font-size: 0.9rem; */
}

.copy-button:hover {
.crypt-copy-button:hover {
background-color: var(--button-hover);
color: var(--button-hover-text);
}

.crypt-button,
.crypt-copy-button {
flex: 0.65;
font-size: 0.9rem;
}

/* .crypt-textarea::placeholder {
color: var(--textarea-text);
opacity: 0.6;
Expand All @@ -3017,7 +3022,7 @@ <h4>🔒 Text Encryption and Decryption</h4>
<h4>Encrypt Text</h4>
<p class="instructions">
1. Enter text to encrypt below<br />
2. Enter a password in the password field<br />
2. Enter an optional password<br />
3. Click "Encrypt" to generate encrypted text
</p>
<textarea
Expand All @@ -3029,7 +3034,7 @@ <h4>Encrypt Text</h4>
<input
type="password"
id="encryptPassword"
placeholder="Enter password (optional)"
placeholder="Enter password"
/>
<button id="encryptButton" class="crypt-button">Encrypt</button>
</div>
Expand All @@ -3040,7 +3045,9 @@ <h4>Encrypt Text</h4>
readonly
placeholder="Encrypted text will appear here..."
></textarea>
<button id="copyEncrypted" class="copy-button">Copy 📋</button>
<button id="copyEncrypted" class="crypt-copy-button">
Copy 📋
</button>
</div>
</div>

Expand All @@ -3060,7 +3067,7 @@ <h4>Decrypt Text</h4>
<input
type="password"
id="decryptPassword"
placeholder="Enter password (optional)"
placeholder="Enter password"
/>
<button id="decryptButton" class="crypt-button">Decrypt</button>
</div>
Expand All @@ -3071,7 +3078,9 @@ <h4>Decrypt Text</h4>
readonly
placeholder="Decrypted text will appear here..."
></textarea>
<button id="copyDecrypted" class="copy-button">Copy 📋</button>
<button id="copyDecrypted" class="crypt-copy-button">
Copy 📋
</button>
</div>
</div>
</div>
Expand Down Expand Up @@ -3336,7 +3345,7 @@ <h4>Decrypt Text</h4>
cursor: pointer;
}
@media (max-width: 768px) {
@media (max-width: 599px) {
.edit-controls {
flex-direction: column;
}
Expand Down
2 changes: 1 addition & 1 deletion page/textEditor-CUR.html

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion page/textEditor-OLD.html

Large diffs are not rendered by default.

0 comments on commit da55a8b

Please sign in to comment.