fix(login): fix the same padding issues for the login screen

This commit is contained in:
Bert Verhelst 2021-10-01 15:07:05 +02:00
parent c2a560e2ed
commit ee830621dd

View file

@ -52,7 +52,7 @@ export default {
token: "", token: "",
res: null, res: null,
tokenRequired: false, tokenRequired: false,
} };
}, },
methods: { methods: {
submit() { submit() {
@ -60,21 +60,20 @@ export default {
this.$root.login(this.username, this.password, this.token, (res) => { this.$root.login(this.username, this.password, this.token, (res) => {
this.processing = false; this.processing = false;
console.log(res) console.log(res);
if (res.tokenRequired) { if (res.tokenRequired) {
this.tokenRequired = true; this.tokenRequired = true;
} else { } else {
this.res = res; this.res = res;
} }
}) });
}, },
}, },
} };
</script> </script>
<style scoped> <style lang="scss" scoped>
.form-container { .form-container {
display: flex; display: flex;
align-items: center; align-items: center;
@ -82,8 +81,17 @@ export default {
padding-bottom: 40px; padding-bottom: 40px;
} }
.form { .form-floating {
> label {
padding-left: 1.3rem;
}
> .form-control {
padding-left: 1.3rem;
}
}
.form {
width: 100%; width: 100%;
max-width: 330px; max-width: 330px;
padding: 15px; padding: 15px;