mirrors/puter
1
0
Fork 0
mirror of https://github.com/HeyPuter/puter synced 2024-11-14 22:06:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

tweak: style improvement

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/gui/src/UI/Settings/UITabPersonalization.js
View File

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

3
src/gui/src/UI/Settings/UITabSecurity.js
View File

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

15
src/gui/src/css/style.css
View File

@ -3899,9 +3899,9 @@ fieldset[name=number-code] {
display: inline-block; display: inline-block;
width: 40px; width: 40px;
font-size: 13px; font-size: 13px;
line-height: 20px;
} }
.version { .version {
font-size: 9px; font-size: 9px;
color: #343c4f; color: #343c4f;
@ -3969,7 +3969,18 @@ fieldset[name=number-code] {
align-items: center; align-items: center;
height: 45px; 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 { .thin-card {
padding: 0 15px; padding: 0 15px;
} }

3
src/gui/src/i18n/translations/en.js
View File

@ -38,6 +38,8 @@ const en = {
browse: "Browse", browse: "Browse",
cancel: 'Cancel', cancel: 'Cancel',
center: 'Center', 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_desktop_background: 'Change desktop background…',
change_email: "Change Email", change_email: "Change Email",
change_language: "Change Language", change_language: "Change Language",
@ -49,7 +51,6 @@ const en = {
close_all_windows: "Close All Windows", close_all_windows: "Close All Windows",
close_all_windows_confirm: "Are you sure you want to 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', 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', color: 'Color',
confirm: 'Confirm', confirm: 'Confirm',
confirm_2fa_setup: 'I have added the code to my authenticator app', confirm_2fa_setup: 'I have added the code to my authenticator app',