RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-09 02:24:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Change classnames

Browse Source
This commit is contained in:
SrGooglo 2025-05-15 10:01:37 +00:00
parent 82e2b1742f
commit 8b241e9ee0
2 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/app/src/pages/auth/index.jsx
View File

@ -54,9 +54,9 @@ const AuthPage = (props) => {
<GradientSVG />
</div>
<div className="wrapper">
<div className="login-page-card">
<div
className="wrapper_background"
className="login-page-card__background"
style={{
backgroundImage: randomWallpaperURL
? `url(${randomWallpaperURL})`
@ -65,7 +65,7 @@ const AuthPage = (props) => {
}}
/>
<div className="content">
<div className="login-page-card__content">
{React.createElement(
keyToComponents[activeKey] ??
keyToComponents["selector"],

14
packages/app/src/pages/auth/index.less
View File

@ -47,9 +47,9 @@
}
}
@wrapper-img-width: 250px;
@login-page-card-img-width: 250px;
.wrapper {
.login-page-card {
position: relative;
z-index: 15;
@ -73,7 +73,7 @@
overflow: hidden;
.wrapper_background {
&__background {
position: absolute;
left: 0;
@ -81,8 +81,8 @@
height: 100%;
width: calc(@wrapper-img-width + 10px);
min-width: calc(@wrapper-img-width + 10px);
width: calc(@login-page-card-img-width + 10px);
min-width: calc(@login-page-card-img-width + 10px);
background-position: center;
background-size: cover;
@ -91,7 +91,7 @@
z-index: 1;
}
.content {
&__content {
position: absolute;
display: flex;
flex-direction: column;
@ -101,7 +101,7 @@
align-items: center;
justify-content: center;
width: calc(100% - @wrapper-img-width);
width: calc(100% - @login-page-card-img-width);
min-width: 420px;
height: 100%;