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

Improve styling

Browse Source
This commit is contained in:
Nariman Jelveh 2024-05-03 17:49:34 -07:00 committed by KernelDeimos
parent c8a6d109ce
commit 144d647540
7 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/UI/Components/QRCode.js
View File

@ -15,6 +15,10 @@ export default class QRCodeView extends Component {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
.qr-code img {
width: 150px;
margin-bottom: 20px;
}
` `
create_template ({ template }) { create_template ({ template }) {

11
src/UI/Components/StepHeading.js
View File

@ -27,19 +27,20 @@ export default class StepHeading extends Component {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 30px; width: 25px;
height: 30px; height: 25px;
border-radius: 50%; border-radius: 50%;
background-color: #3e5362; background-color: #3e5362;
color: #FFFFFF; color: #FFFFFF;
font-size: 20px; font-size: 15px;
font-weight: 700; font-weight: 700;
} }
.text { .text {
margin-left: 20px; margin-left: 10px;
font-size: 30px; font-size: 18px;
color: hsl(220, 25%, 31%); color: hsl(220, 25%, 31%);
font-weight: 500;
} }
` `

1
src/UI/Components/StepView.js
View File

@ -9,6 +9,7 @@ export default class StepView extends Component {
static CSS = ` static CSS = `
#wrapper { display: none } #wrapper { display: none }
* { -webkit-font-smoothing: antialiased;}
`; `;
create_template ({ template }) { create_template ({ template }) {

2
src/UI/UIWindow2FASetup.js
View File

@ -202,7 +202,7 @@ const UIWindow2FASetup = async function UIWindow2FASetup () {
} }
}, },
title: 'Instant Login!', title: '2FA Setup',
app: 'instant-login', app: 'instant-login',
single_instance: true, single_instance: true,
icon: null, icon: null,

2
src/UI/UIWindowDownloadDirProg.js
View File

@ -28,7 +28,7 @@ async function UIWindowDownloadDirProg(options){
h += `<p style="text-align:left; padding-left:20px; padding-right:20px; overflow:hidden; width: 310px; text-overflow: ellipsis; white-space: nowrap; float:left; font-size:14px;" class="dir-dl-status">${options.defaultText ?? i18n('preparing')}</p>`; h += `<p style="text-align:left; padding-left:20px; padding-right:20px; overflow:hidden; width: 310px; text-overflow: ellipsis; white-space: nowrap; float:left; font-size:14px;" class="dir-dl-status">${options.defaultText ?? i18n('preparing')}</p>`;
const el_window = await UIWindow({ const el_window = await UIWindow({
title: 'Instant Login!', title: 'Download Directory Progress',
app: 'instant-login', app: 'instant-login',
single_instance: true, single_instance: true,
icon: null, icon: null,

2
src/UI/UIWindowLoginInProgress.js
View File

@ -35,7 +35,7 @@ async function UIWindowLoginInProgress(options){
h += `</div>`; h += `</div>`;
const el_window = await UIWindow({ const el_window = await UIWindow({
title: 'Instant Login!', title: 'Authenticating...',
app: 'change-passowrd', app: 'change-passowrd',
single_instance: true, single_instance: true,
icon: null, icon: null,

2
src/UI/UIWindowQR.js
View File

@ -36,7 +36,7 @@ async function UIWindowQR(options){
let h = ''; let h = '';
// close button containing the multiplication sign // close button containing the multiplication sign
// h += `<div class="qr-code-window-close-btn generic-close-window-button"> &times; </div>`; h += `<div class="qr-code-window-close-btn generic-close-window-button"> &times; </div>`;
h += `<div class="otp-qr-code">`; h += `<div class="otp-qr-code">`;
h += `<h1 style="text-align: center; font-size: 16px; padding: 10px; font-weight: 400; margin: -10px 10px 20px 10px; -webkit-font-smoothing: antialiased; color: #5f626d;">${ h += `<h1 style="text-align: center; font-size: 16px; padding: 10px; font-weight: 400; margin: -10px 10px 20px 10px; -webkit-font-smoothing: antialiased; color: #5f626d;">${
i18n(options.message_i18n_key || 'scan_qr_generic') i18n(options.message_i18n_key || 'scan_qr_generic')