RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-09 10:34:17 +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 /> <GradientSVG />
</div> </div>
<div className="wrapper"> <div className="login-page-card">
<div <div
className="wrapper_background" className="login-page-card__background"
style={{ style={{
backgroundImage: randomWallpaperURL backgroundImage: randomWallpaperURL
? `url(${randomWallpaperURL})` ? `url(${randomWallpaperURL})`
@ -65,7 +65,7 @@ const AuthPage = (props) => {
}} }}
/> />
<div className="content"> <div className="login-page-card__content">
{React.createElement( {React.createElement(
keyToComponents[activeKey] ?? keyToComponents[activeKey] ??
keyToComponents["selector"], 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; position: relative;
z-index: 15; z-index: 15;
@ -73,7 +73,7 @@
overflow: hidden; overflow: hidden;
.wrapper_background { &__background {
position: absolute; position: absolute;
left: 0; left: 0;
@ -81,8 +81,8 @@
height: 100%; height: 100%;
width: calc(@wrapper-img-width + 10px); width: calc(@login-page-card-img-width + 10px);
min-width: calc(@wrapper-img-width + 10px); min-width: calc(@login-page-card-img-width + 10px);
background-position: center; background-position: center;
background-size: cover; background-size: cover;
@ -91,7 +91,7 @@
z-index: 1; z-index: 1;
} }
.content { &__content {
position: absolute; position: absolute;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -101,7 +101,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: calc(100% - @wrapper-img-width); width: calc(100% - @login-page-card-img-width);
min-width: 420px; min-width: 420px;
height: 100%; height: 100%;