tweak: style improvement

This commit is contained in:
jelveh 2024-11-11 17:31:43 -08:00
parent 27c01c9bd9
commit a70cb49a30
4 changed files with 18 additions and 11 deletions

View File

@ -31,13 +31,13 @@ export default {
<div class="settings-card">
<strong>${i18n('background')}</strong>
<div style="flex-grow:1;">
<button class="button change-background" style="float:right;">${i18n('change_desktop_background')}</button>
<button class="button change-background" style="float:right;">${i18n('change')}</button>
</div>
</div>
<div class="settings-card">
<strong>${i18n('ui_colors')}</strong>
<div style="flex-grow:1;">
<button class="button change-ui-colors" style="float:right;">${i18n('change_ui_colors')}</button>
<button class="button change-ui-colors" style="float:right;">${i18n('change')}</button>
</div>
</div>
<div class="settings-card">
@ -74,9 +74,7 @@ export default {
</label>
</div>
</div>
</div>
`;
</div>`;
},
init: ($el_window) => {
$el_window.find('.change-ui-colors').on('click', function (e) {

View File

@ -21,10 +21,8 @@ import Button from "../Components/Button.js";
import Flexer from "../Components/Flexer.js";
import JustHTML from "../Components/JustHTML.js";
import PasswordEntry from "../Components/PasswordEntry.js";
import UIAlert from "../UIAlert.js";
import UIComponentWindow from "../UIComponentWindow.js";
import UIWindow2FASetup from "../UIWindow2FASetup.js";
import UIWindowQR from "../UIWindowQR.js";
export default {
id: 'security',
@ -160,7 +158,6 @@ export default {
is_resizable: false,
body_css: {
width: 'initial',
height: '100%',
'background-color': 'rgb(245 247 249)',
'backdrop-filter': 'blur(3px)',
padding: '20px',

View File

@ -3899,9 +3899,9 @@ fieldset[name=number-code] {
display: inline-block;
width: 40px;
font-size: 13px;
line-height: 20px;
}
.version {
font-size: 9px;
color: #343c4f;
@ -3969,7 +3969,18 @@ fieldset[name=number-code] {
align-items: center;
height: 45px;
}
.settings-card:hover {
border-color: #a6a6a6;
}
.settings-card-success:hover {
border-color: green;
}
.settings-card-warning:hover {
border-color: #c08400;
}
.settings-card-danger:hover {
border-color: #af0000;
}
.thin-card {
padding: 0 15px;
}

View File

@ -38,6 +38,8 @@ const en = {
browse: "Browse",
cancel: 'Cancel',
center: 'Center',
change: 'Change',
change_always_open_with: "Do you want to always open this type of file with",
change_desktop_background: 'Change desktop background…',
change_email: "Change Email",
change_language: "Change Language",
@ -49,7 +51,6 @@ const en = {
close_all_windows: "Close All Windows",
close_all_windows_confirm: "Are you sure you want to close all windows?",
close_all_windows_and_log_out: 'Close Windows and Log Out',
change_always_open_with: "Do you want to always open this type of file with",
color: 'Color',
confirm: 'Confirm',
confirm_2fa_setup: 'I have added the code to my authenticator app',