engineering/uncloseai.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

floating button font-size 18px

Browse source
This commit is contained in:
russell@unturf.com 2026-03-03 16:35:17 -05:00
parent f71d00295f
commit d0d65f8ae4
2 changed files with 26 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

30
public/src/uncloseai-modal-builtin.css
View file

@ -235,7 +235,7 @@ dialog#uncloseai-embedded-modal[data-theme="light"] .uncloseai-modal-settings {
border-radius: 18px 18px 4px 18px; border-radius: 18px 18px 4px 18px;
max-width: 80%; max-width: 80%;
word-wrap: break-word; word-wrap: break-word;
font-size: 14px; font-size: 18px;
} }
.ai-message { .ai-message {
@ -246,7 +246,7 @@ dialog#uncloseai-embedded-modal[data-theme="light"] .uncloseai-modal-settings {
border-radius: 18px 18px 18px 4px; border-radius: 18px 18px 18px 4px;
max-width: 80%; max-width: 80%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
font-size: 14px; font-size: 18px;
} }
/* Dark theme message colors */ /* Dark theme message colors */
@ -691,7 +691,7 @@ dialog#tts-modal {
border: none; border: none;
border-radius: 4px; border-radius: 4px;
cursor: pointer; cursor: pointer;
font-size: 14px; font-size: 18px;
min-width: 100px; min-width: 100px;
} }
@ -754,7 +754,7 @@ dialog#tts-modal {
border: 1px solid var(--uncloseai-button-border, #dee2e6); border: 1px solid var(--uncloseai-button-border, #dee2e6);
border-radius: 6px; border-radius: 6px;
cursor: pointer; cursor: pointer;
font-size: 14px; font-size: 18px;
color: var(--uncloseai-primary-text, #495057); color: var(--uncloseai-primary-text, #495057);
transition: all 0.2s; transition: all 0.2s;
white-space: nowrap; white-space: nowrap;
@ -828,7 +828,7 @@ dialog#tts-modal {
padding: 8px 12px; padding: 8px 12px;
border: 1px solid var(--uncloseai-button-border, #dee2e6); border: 1px solid var(--uncloseai-button-border, #dee2e6);
border-radius: 6px; border-radius: 6px;
font-size: 14px; font-size: 18px;
background: var(--uncloseai-button-background, #ffffff); background: var(--uncloseai-button-background, #ffffff);
color: var(--uncloseai-primary-text, #495057); color: var(--uncloseai-primary-text, #495057);
} }
@ -857,7 +857,7 @@ dialog#uncloseai-embedded-modal .uncloseai-code-copy-btn {
border: 1px solid rgba(255, 255, 255, 0.3); border: 1px solid rgba(255, 255, 255, 0.3);
padding: 4px 8px; padding: 4px 8px;
border-radius: 4px; border-radius: 4px;
font-size: 14px; font-size: 18px;
cursor: pointer; cursor: pointer;
opacity: 0.9; opacity: 0.9;
transition: all 0.2s; transition: all 0.2s;
@ -937,7 +937,7 @@ dialog#translate-modal button {
} }
.uncloseai-toggle-label { .uncloseai-toggle-label {
font-size: 14px; font-size: 18px;
color: #495057; color: #495057;
cursor: pointer; cursor: pointer;
} }
@ -948,7 +948,7 @@ dialog#translate-modal button {
.uncloseai-input-label { .uncloseai-input-label {
display: block; display: block;
font-size: 14px; font-size: 18px;
font-weight: 500; font-weight: 500;
color: #495057; color: #495057;
margin-bottom: 4px; margin-bottom: 4px;
@ -959,7 +959,7 @@ dialog#translate-modal button {
padding: 8px 12px; padding: 8px 12px;
border: 1px solid #ced4da; border: 1px solid #ced4da;
border-radius: 4px; border-radius: 4px;
font-size: 14px; font-size: 18px;
color: #495057; color: #495057;
background: white; background: white;
box-sizing: border-box; box-sizing: border-box;
@ -1070,7 +1070,7 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .uncloseai-chat-box {
padding: 8px 12px; padding: 8px 12px;
border: 1px solid var(--uncloseai-button-border, #dee2e6); border: 1px solid var(--uncloseai-button-border, #dee2e6);
border-radius: 6px; border-radius: 6px;
font-size: 14px; font-size: 18px;
background: var(--uncloseai-button-background, #ffffff); background: var(--uncloseai-button-background, #ffffff);
color: var(--uncloseai-primary-text, #495057); color: var(--uncloseai-primary-text, #495057);
} }
@ -1228,14 +1228,14 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .user-message {
color: var(--uncloseai-primary-text, #333); color: var(--uncloseai-primary-text, #333);
background: var(--uncloseai-button-background, #f5f5f5); background: var(--uncloseai-button-background, #f5f5f5);
font-weight: bold; font-weight: bold;
font-size: 14px; font-size: 18px;
} }
.translate-dropdown-option { .translate-dropdown-option {
padding: 8px 12px; padding: 8px 12px;
cursor: pointer; cursor: pointer;
transition: background-color 0.2s; transition: background-color 0.2s;
font-size: 14px; font-size: 18px;
line-height: 1.4; line-height: 1.4;
color: var(--uncloseai-primary-text, #333); color: var(--uncloseai-primary-text, #333);
} }
@ -1332,7 +1332,7 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .user-message {
height: 69px; height: 69px;
border-radius: 21px; border-radius: 21px;
font-family: 'ChunkFiveRegular', monospace; font-family: 'ChunkFiveRegular', monospace;
font-size: 14px; font-size: 18px;
cursor: pointer; cursor: pointer;
box-shadow: 0 4px 12px rgba(0,0,0,0.3); box-shadow: 0 4px 12px rgba(0,0,0,0.3);
z-index: 1000; z-index: 1000;
@ -1469,14 +1469,14 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .user-message {
border-bottom: 1px solid var(--uncloseai-divider-color, #ddd); border-bottom: 1px solid var(--uncloseai-divider-color, #ddd);
background: var(--uncloseai-content-background, #f5f5f5); background: var(--uncloseai-content-background, #f5f5f5);
font-weight: bold; font-weight: bold;
font-size: 14px; font-size: 18px;
} }
.widget-translate-dropdown .option { .widget-translate-dropdown .option {
padding: 8px 12px; padding: 8px 12px;
cursor: pointer; cursor: pointer;
transition: background-color 0.2s; transition: background-color 0.2s;
font-size: 14px; font-size: 18px;
line-height: 1.4; line-height: 1.4;
color: var(--uncloseai-primary-text, #333); color: var(--uncloseai-primary-text, #333);
} }

22
public/src/uncloseai-modal-pico.css
View file

@ -255,7 +255,7 @@ dialog#uncloseai-embedded-modal[data-theme="light"] .uncloseai-modal-settings {
border-radius: 18px 18px 4px 18px; border-radius: 18px 18px 4px 18px;
max-width: 95%; max-width: 95%;
word-wrap: break-word; word-wrap: break-word;
font-size: 14px; font-size: 18px;
margin-left: auto; margin-left: auto;
width: fit-content; width: fit-content;
} }
@ -267,7 +267,7 @@ dialog#uncloseai-embedded-modal[data-theme="light"] .uncloseai-modal-settings {
border-radius: 18px 18px 18px 4px; border-radius: 18px 18px 18px 4px;
max-width: 95%; max-width: 95%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
font-size: 14px; font-size: 18px;
margin-right: auto; margin-right: auto;
width: fit-content; width: fit-content;
} }
@ -761,7 +761,7 @@ dialog#tts-modal {
border: none; border: none;
border-radius: 4px; border-radius: 4px;
cursor: pointer; cursor: pointer;
font-size: 14px; font-size: 18px;
min-width: 100px; min-width: 100px;
} }
@ -824,7 +824,7 @@ dialog#tts-modal {
border: 1px solid var(--uncloseai-button-border, #dee2e6); border: 1px solid var(--uncloseai-button-border, #dee2e6);
border-radius: 6px; border-radius: 6px;
cursor: pointer; cursor: pointer;
font-size: 14px; font-size: 18px;
color: var(--uncloseai-primary-text, #495057); color: var(--uncloseai-primary-text, #495057);
transition: all 0.2s; transition: all 0.2s;
white-space: nowrap; white-space: nowrap;
@ -898,7 +898,7 @@ dialog#tts-modal {
padding: 8px 12px; padding: 8px 12px;
border: 1px solid var(--uncloseai-button-border, #dee2e6); border: 1px solid var(--uncloseai-button-border, #dee2e6);
border-radius: 6px; border-radius: 6px;
font-size: 14px; font-size: 18px;
background: var(--uncloseai-button-background, #ffffff); background: var(--uncloseai-button-background, #ffffff);
color: var(--uncloseai-primary-text, #495057); color: var(--uncloseai-primary-text, #495057);
} }
@ -927,7 +927,7 @@ dialog#uncloseai-embedded-modal .uncloseai-code-copy-btn {
border: 1px solid rgba(255, 255, 255, 0.3); border: 1px solid rgba(255, 255, 255, 0.3);
padding: 4px 8px; padding: 4px 8px;
border-radius: 4px; border-radius: 4px;
font-size: 14px; font-size: 18px;
cursor: pointer; cursor: pointer;
opacity: 0.9; opacity: 0.9;
transition: all 0.2s; transition: all 0.2s;
@ -1007,7 +1007,7 @@ dialog#translate-modal button {
} }
.uncloseai-toggle-label { .uncloseai-toggle-label {
font-size: 14px; font-size: 18px;
color: #495057; color: #495057;
cursor: pointer; cursor: pointer;
} }
@ -1018,7 +1018,7 @@ dialog#translate-modal button {
.uncloseai-input-label { .uncloseai-input-label {
display: block; display: block;
font-size: 14px; font-size: 18px;
font-weight: 500; font-weight: 500;
color: #495057; color: #495057;
margin-bottom: 4px; margin-bottom: 4px;
@ -1029,7 +1029,7 @@ dialog#translate-modal button {
padding: 8px 12px; padding: 8px 12px;
border: 1px solid #ced4da; border: 1px solid #ced4da;
border-radius: 4px; border-radius: 4px;
font-size: 14px; font-size: 18px;
color: #495057; color: #495057;
background: white; background: white;
box-sizing: border-box; box-sizing: border-box;
@ -1410,7 +1410,7 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .user-message {
height: 69px; height: 69px;
border-radius: 21px; border-radius: 21px;
font-family: 'ChunkFiveRegular', monospace; font-family: 'ChunkFiveRegular', monospace;
font-size: 14px; font-size: 18px;
cursor: pointer; cursor: pointer;
box-shadow: 0 4px 12px rgba(0,0,0,0.3); box-shadow: 0 4px 12px rgba(0,0,0,0.3);
z-index: 1000; z-index: 1000;
@ -1541,7 +1541,7 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .user-message {
padding: 8px 12px; padding: 8px 12px;
cursor: pointer; cursor: pointer;
transition: background-color 0.2s; transition: background-color 0.2s;
font-size: 14px; font-size: 18px;
line-height: 1.4; line-height: 1.4;
} }