makstravm 2 سال پیش
والد
کامیت
903f5e5d8d
4فایلهای تغییر یافته به همراه23 افزوده شده و 6 حذف شده
  1. 6 0
      public/.htaccess
  2. 1 1
      public/index.html
  3. 15 4
      src/App.scss
  4. 1 1
      src/pages/Authorization.jsx

+ 6 - 0
public/.htaccess

@@ -0,0 +1,6 @@
+RewriteEngine on
+# If a directory or a file exists, use the request directly
+RewriteCond %{REQUEST_FILENAME} !-f
+RewriteCond %{REQUEST_FILENAME} !-d
+# Otherwise forward the request to index.html
+RewriteRule . index.html [L]

+ 1 - 1
public/index.html

@@ -24,7 +24,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
+    <title>Hipstagram</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

+ 15 - 4
src/App.scss

@@ -55,7 +55,6 @@ video {
             display: flex;
             align-items: center;
             justify-content: center;
-
             &.active {
                 svg {
                     fill: $defaultColorB;
@@ -101,7 +100,7 @@ video {
 }
 
 .Authorization {
-    height: 100%;
+    background-color: #fff;
     background-position: right top;
     background-repeat: no-repeat;
     background-size: cover;
@@ -115,7 +114,7 @@ video {
         margin-bottom: 10px;
     }
     &__form {
-        height: 100vh;
+        height: 96vh;
         padding-right: calc(10vw + 25px);
     }
     .login-form {
@@ -545,7 +544,7 @@ video {
 }
 
 .CommentPostFeed {
-    a{
+    a {
         font-size: 1.2em;
     }
     span {
@@ -670,6 +669,9 @@ video {
 }
 
 @media (max-width: 800px) {
+    .Authorization {
+        background-position: center top;
+    }
     .PostOne {
         padding-top: 30px;
         &__inner {
@@ -704,6 +706,15 @@ video {
 }
 
 @media (max-width: 560px) {
+        .Authorization {
+        background-position: center top;
+        &__form {
+            padding-right: 20px;
+        }
+        .ant-input-affix-wrapper {
+            width: 65vw;
+        }
+    }
     .Logo {
         img {
             width: 35vw;

+ 1 - 1
src/pages/Authorization.jsx

@@ -7,7 +7,7 @@ export const Authorization = ({ match: { params: { _id } } }) =>
     <div className='Authorization' style={{ backgroundImage: `url(${authBg})` }}>
         <Row justify="end" align="middle" className='Authorization__form'>
             <Col >
-                <Card style={{ width: 380 }} >
+                <Card  >
                     <NavLink activeClassName='active' to={`/auth/login`}><span>Log In</span></NavLink>
                     <Divider type="vertical" />
                     <NavLink activeClassName='active' to={'/auth/registration'}>Registration</NavLink>