manuelcillero/pagetop
manuelcillero/pagetop
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

✨ (bootsier): Añade AdminLTE 4 y Bootstrap Icons

Browse source 
Integra AdminLTE 4.0.0 (SCSS y JS), Bootstrap Icons 1.13.1 y las fuentes
Source Sans 3 VF; reorganiza los SCSS del tema con la nueva estructura
de *pagetop-build*.
This commit is contained in:
Manuel Cillero 2026-06-14 21:25:52 +02:00
parent f27790c3a2
commit 1bd97d5705
160 changed files with 13401 additions and 133 deletions
Download patch file Download diff file Expand all files Collapse all files

75
extensions/pagetop-bootsier/assets/adminlte-4.0.0/scss/pages/_lockscreen.scss Normal file
View file

@ -0,0 +1,75 @@
//
// Pages: Lock Screen
//
// ADD THIS CLASS TO THE <BODY> TAG
.lockscreen {
// User name [optional]
.lockscreen-name {
font-weight: 600;
text-align: center;
}
.lockscreen-logo {
margin-bottom: 25px;
font-size: 35px;
font-weight: 300;
text-align: center;
a {
color: var(--#{$prefix}emphasis-color);
text-decoration: none;
}
}
.lockscreen-wrapper {
max-width: 400px;
margin: 0 auto;
margin-top: 10%;
}
// Will contain the image and the sign in form
.lockscreen-item {
position: relative;
width: 290px;
padding: 0;
margin: 10px auto 30px;
background-color: var(--#{$prefix}body-bg);
@include border-radius(4px);
}
// User image
.lockscreen-image {
position: absolute;
top: -25px;
left: -10px;
z-index: 10;
padding: 5px;
background-color: var(--#{$prefix}body-bg);
@include border-radius(50%);
> img {
@include border-radius(50%);
width: 70px;
height: 70px;
}
}
// Contains the password input and the login button
.lockscreen-credentials {
margin-left: 70px;
.form-control {
border: 0;
}
.btn {
padding: 0 10px;
border: 0;
}
}
.lockscreen-footer {
margin-top: 10px;
}
}

100
extensions/pagetop-bootsier/assets/adminlte-4.0.0/scss/pages/_login_and_register.scss Normal file
View file

@ -0,0 +1,100 @@
//
// Pages: Login & Register
//
.login-logo,
.register-logo {
margin-bottom: .9rem;
font-size: 2.1rem;
font-weight: 300;
text-align: center;
a {
color: var(--#{$prefix}secondary-color);
text-decoration: none;
}
}
.login-page,
.register-page {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 100vh;
}
.login-box,
.register-box {
width: 400px;
@media (max-width: map-get($grid-breakpoints, sm)) {
width: 90%;
margin-top: .5rem;
}
.card {
margin-bottom: 0;
}
}
.login-card-body,
.register-card-body {
padding: 20px;
color: var(--#{$prefix}secondary-color);
background-color: var(--#{$prefix}body-bg);
border-top: 0;
.input-group {
.form-control {
&:focus {
box-shadow: none;
~ .input-group-prepend .input-group-text,
~ .input-group-append .input-group-text {
border-color: $input-focus-border-color;
}
}
&.is-valid {
&:focus {
box-shadow: none;
}
~ .input-group-prepend .input-group-text,
~ .input-group-append .input-group-text {
border-color: $success;
}
}
&.is-invalid {
&:focus {
box-shadow: none;
}
~ .input-group-append .input-group-text {
border-color: $danger;
}
}
}
.input-group-text {
color: var(--#{$prefix}secondary-color);
background-color: transparent;
@include border-top-end-radius($border-radius);
@include border-bottom-end-radius($border-radius);
@include transition($input-transition);
}
}
}
.login-box-msg,
.register-box-msg {
padding: 0 20px 20px;
margin: 0;
text-align: center;
}
.social-auth-links {
margin: 10px 0;
}