Startseite Erkunden Hilfe
Anmelden
makstravm
/
HipstaGram
Beobachten 1
Favorit hinzufügen 0
Fork 0
Dateien Issues 0 Pull-Requests 0 Wiki
Quellcode durchsuchen

fix style

makstravm vor 2 Jahren
Ursprung
47c0b29f68
Commit
903f5e5d8d
4 geänderte Dateien mit 23 neuen und 6 gelöschten Zeilen
Geteilte Ansicht Diff-Statistik anzeigen
  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
Datei anzeigen 

@@ -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
Datei anzeigen 

@@ -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
Datei anzeigen 

@@ -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
Datei anzeigen 

@@ -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>