Tweak wording and styles of modal

Signed-off-by: Janne Savolainen <janne.savolainen@live.fi>
This commit is contained in:
Janne Savolainen committed 2022-07-06 10:06:46 +03:00
1 parent ee191149a9
commit 58a01c68b7
3 files changed
+10 -12

No files matched your search

@@ -452,14 +452,14 @@ exports[`force user to update when too long since update was downloaded when app
class="header" class="header"
> >
<h2> <h2>
Updating is required Please update
</h2> </h2>
</div> </div>
<div <div
class="content" class="content"
> >
<p> <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto culpa distinctio inventore sapiente sed. Consequatur debitis dicta dolorum expedita illum magni natus quae rem repudiandae rerum, similique suscipit velit voluptatum. An update to Lens Desktop is required to continue using the application.
</p> </p>
</div> </div>
<div <div
@@ -2,19 +2,20 @@
* Copyright (c) OpenLens Authors. All rights reserved. * Copyright (c) OpenLens Authors. All rights reserved.
* Licensed under MIT License. See LICENSE in root directory for more information. * Licensed under MIT License. See LICENSE in root directory for more information.
*/ */
$baseline: 8px;
.ForceUpdateModal { .ForceUpdateModal {
background-color: white; background-color: white;
border-radius: 8px; border-radius: 1 * $baseline;
padding: 24px; padding: 3 * $baseline;
width: 420px; width: 50 * $baseline;
.header { .header {
margin-bottom: 16px; margin-bottom: 2 * $baseline;
} }
.content { .content {
margin-bottom: 16px; margin-bottom: 2 * $baseline;
} }
.footer { .footer {
@@ -26,15 +26,12 @@ const NonInjectedForceUpdateModal = observer(
className={styles.ForceUpdateModal} className={styles.ForceUpdateModal}
> >
<div className={styles.header}> <div className={styles.header}>
<h2>Updating is required</h2> <h2>Please update</h2>
</div> </div>
<div className={styles.content}> <div className={styles.content}>
<p> <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto An update to Lens Desktop is required to continue using the application.
culpa distinctio inventore sapiente sed. Consequatur debitis dicta
dolorum expedita illum magni natus quae rem repudiandae rerum,
similique suscipit velit voluptatum.
</p> </p>
</div> </div>