added dudes to clouds

public/images/muro_is_lost.svg

@@ -2,18 +2,18 @@
 <!-- Created with Inkscape (http://www.inkscape.org/) -->
 
 <svg
-        width="1920"
-        height="1080"
-        viewBox="0 0 507.99999 285.75001"
-        version="1.1"
-        id="svg5"
-        sodipodi:docname="muro_is_lost.svg"
-        inkscape:version="1.2-dev (9ee32be, 2021-06-19)"
-        xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-        xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-        xmlns:xlink="http://www.w3.org/1999/xlink"
-        xmlns="http://www.w3.org/2000/svg"
->
+   width="1920"
+   height="1080"
+   viewBox="0 0 507.99999 285.75001"
+   version="1.1"
+   id="svg5"
+   sodipodi:docname="muro_is_lost.svg"
+   inkscape:version="1.2 (dc2aeda, 2022-05-15)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
   <sodipodi:namedview
      id="namedview7"
      pagecolor="#1b1b1b"
@@ -28,15 +28,16 @@
      inkscape:showpageshadow="false"
      showguides="true"
      inkscape:snap-global="false"
-     inkscape:zoom="0.4148555"
-     inkscape:cx="472.45366"
-     inkscape:cy="984.6802"
+     inkscape:zoom="0.87736636"
+     inkscape:cx="1497.664"
+     inkscape:cy="657.08013"
      inkscape:window-width="1440"
      inkscape:window-height="847"
      inkscape:window-x="0"
      inkscape:window-y="25"
      inkscape:window-maximized="0"
-     inkscape:current-layer="layer2">
+     inkscape:current-layer="g73042"
+     inkscape:deskcolor="#1b1b1b">
     <inkscape:grid
        type="xygrid"
        id="grid9087" />
@@ -902,6 +903,13 @@
              height="100%" />
         </g>
       </g>
+      <ellipse
+         style="fill:#631f22;fill-opacity:1;stroke-width:1.20552;opacity:0.25581395"
+         id="path18572"
+         cx="369.51007"
+         cy="186.36795"
+         rx="5.5428786"
+         ry="5.4895811" />
     </g>
     <path
        id="rect2387-7"

src/containers/dialogs/LoginDialog/index.tsx

@@ -1,21 +1,21 @@
-import React, { FC, useCallback } from 'react';
+import React, { FC, useCallback } from "react";
 
-import { LoginDialogButtons } from '~/components/auth/login/LoginDialogButtons';
-import { Group } from '~/components/containers/Group';
-import { Padder } from '~/components/containers/Padder';
-import { BetterScrollDialog } from '~/components/dialogs/BetterScrollDialog';
-import { DialogTitle } from '~/components/dialogs/DialogTitle';
-import { Button } from '~/components/input/Button';
-import { InputText } from '~/components/input/InputText';
-import { Dialog } from '~/constants/modal';
-import { useCloseOnEscape } from '~/hooks';
-import { useAuth } from '~/hooks/auth/useAuth';
-import { useLoginForm } from '~/hooks/auth/useLoginForm';
-import { useOAuth } from '~/hooks/auth/useOAuth';
-import { useShowModal } from '~/hooks/modal/useShowModal';
-import { DialogComponentProps } from '~/types/modal';
+import { LoginDialogButtons } from "~/components/auth/login/LoginDialogButtons";
+import { Group } from "~/components/containers/Group";
+import { Padder } from "~/components/containers/Padder";
+import { BetterScrollDialog } from "~/components/dialogs/BetterScrollDialog";
+import { DialogTitle } from "~/components/dialogs/DialogTitle";
+import { Button } from "~/components/input/Button";
+import { InputText } from "~/components/input/InputText";
+import { Dialog } from "~/constants/modal";
+import { useCloseOnEscape } from "~/hooks";
+import { useAuth } from "~/hooks/auth/useAuth";
+import { useLoginForm } from "~/hooks/auth/useLoginForm";
+import { useOAuth } from "~/hooks/auth/useOAuth";
+import { useShowModal } from "~/hooks/modal/useShowModal";
+import { DialogComponentProps } from "~/types/modal";
 
-import styles from './styles.module.scss';
+import styles from "./styles.module.scss";
 
 type LoginDialogProps = DialogComponentProps & {};
 
@@ -30,10 +30,13 @@ const LoginDialog: FC<LoginDialogProps> = ({ onRequestClose }) => {
       event.preventDefault();
       showRestoreDialog({});
     },
-    [showRestoreDialog]
+    [showRestoreDialog],
   );
 
-  const { values, errors, handleSubmit, handleChange } = useLoginForm(login, onRequestClose);
+  const { values, errors, handleSubmit, handleChange } = useLoginForm(
+    login,
+    onRequestClose,
+  );
 
   return (
     <form onSubmit={handleSubmit}>
@@ -51,7 +54,7 @@ const LoginDialog: FC<LoginDialogProps> = ({ onRequestClose }) => {
 
                 <InputText
                   title="Логин"
-                  handler={handleChange('username')}
+                  handler={handleChange("username")}
                   value={values.username}
                   error={errors.username}
                   autoFocus
@@ -59,7 +62,7 @@ const LoginDialog: FC<LoginDialogProps> = ({ onRequestClose }) => {
 
                 <InputText
                   title="Пароль"
-                  handler={handleChange('password')}
+                  handler={handleChange("password")}
                   value={values.password}
                   error={errors.password}
                   type="password"

src/containers/dialogs/LoginDialog/styles.module.scss

@@ -3,7 +3,8 @@
 $secondary_color: darken(desaturate($blue, 100%), 30%);
 $vk_color: $secondary_color;
 
-.dialog {}
+.dialog {
+}
 
 .wrap {
   display: flex;
@@ -52,4 +53,6 @@ $vk_color: $secondary_color;
   left: 0;
   width: 100%;
   height: 100%;
+  background: url(/images/clouds.svg) 50% 50%;
+  background-size: cover;
 }