hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

remove login layout (#3122)

Browse Source 
Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>
This commit is contained in:
Jari Kolehmainen 2021-06-21 15:37:41 +03:00 committed by GitHub
parent 4cd25caca8
commit 55a41d613f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 0 additions and 129 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
src/renderer/components/layout/login-layout.scss
View File

@ -1,71 +0,0 @@
/**
* Copyright (c) 2021 OpenLens Authors
*
* Permission is hereby granted, free of charge, to any person obtaining a copy of
* this software and associated documentation files (the "Software"), to deal in
* the Software without restriction, including without limitation the rights to
* use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
* the Software, and to permit persons to whom the Software is furnished to do so,
* subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in all
* copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
* FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
* COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
* IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.LoginLayout {
$logo-size: 6 * $unit;
height: 100vh;
padding: $padding * 2;
.logo {
width: $logo-size;
height: $logo-size;
margin: auto;
svg * {
fill: $lensBlue;
}
}
.header {
font-size: $font-size-small;
}
.main {
$spacing: $padding * 3;
width: 100%;
min-width: 34 * $unit;
max-width: 42 * $unit;
margin: $padding * 2 0;
overflow: hidden;
> * {
padding: $spacing;
}
.title {
background: $layoutBackground;
text-align: center;
h5 {
color: $textColorAccent;
}
}
.content {
background: $contentColor;
}
}
.footer {
font-size: $font-size-small;
}
}

58
src/renderer/components/layout/login-layout.tsx
View File

@ -1,58 +0,0 @@
/**
* Copyright (c) 2021 OpenLens Authors
*
* Permission is hereby granted, free of charge, to any person obtaining a copy of
* this software and associated documentation files (the "Software"), to deal in
* the Software without restriction, including without limitation the rights to
* use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
* the Software, and to permit persons to whom the Software is furnished to do so,
* subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in all
* copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
* FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
* COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
* IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
import "./login-layout.scss";
import React from "react";
import { Link } from "react-router-dom";
import { cssNames } from "../../utils";
import { Icon } from "../icon";
interface Props {
className?: any;
header?: any;
title?: any;
footer?: any;
}
export class LoginLayout extends React.Component<Props> {
render() {
const { className, header, title, footer, children } = this.props;
return (
<section className={cssNames("LoginLayout flex", className)}>
<div className="header">{header}</div>
<div className="box main">
<div className="title">
<Link to="/">
<Icon svg="logo" className="logo"/>
</Link>
{title}
</div>
<div className="content">
{children}
</div>
</div>
<div className="footer">{footer}</div>
</section>
);
}
}