Home Explore Help
Register Sign In
SuperAdminQA
/
psicoadmin
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 372 Releases 0 Wiki
Browse Source

style fixes

amenpunk 1 year ago
parent
2a3d7dc07b
commit
6649f8e1ea
2 changed files with 52 additions and 51 deletions
Unified View Show Diff Stats
  1. 43 38
      public/index.html
  2. 9 13
      src/Css/all.css

+ 43 - 38
public/index.html
View File

1 
 <!DOCTYPE html>
 1 
 <!DOCTYPE html>
2 
 <html lang="es">
 2 
 <html lang="es">
3 
-    <head>
4 
-        <meta charset="utf-8" />
5 
-        <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
6 
-        <meta name="viewport" content="width=device-width, initial-scale=1" />
7 
-        <meta name="theme-color" content="#fd4b4b" />
8 
-
9 
-        <!-- Chrome, Firefox OS and Opera -->
10 
-        <meta name="theme-color" content="#fd4b4b">
11 
-        <!-- Windows Phone -->
12 
-        <meta name="msapplication-navbutton-color" content="#fd4b4b">
13 
-        <!-- iOS Safari -->
14 
-        <meta name="apple-mobile-web-app-status-bar-style" content="#fd4b4b">
15 
-
16 
-
17 
-        <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
18 
-        <meta http-equiv="Pragma" content="no-cache" />
19 
-        <meta http-equiv="Expires" content="0" />
20 
-
21 
-        <meta
22 
-                name="description"
23 
-                content="Web site created using create-react-app"
24 
-                />
25 
-        <script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo+0N5UhStP3bvwWPq+uvzCMfrN1fEFe+xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"></script>
26 
-        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
27 
-        <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
28 
-
29 
-        <!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" /> -->
30 
-        <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
31 
-        <!--
3 
+
4 
+<head>
5 
+  <meta charset="utf-8" />
6 
+  <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
7 
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
8 
+  <meta name="theme-color" content="#fd4b4b" />
9 
+
10 
+  <!-- Chrome, Firefox OS and Opera -->
11 
+  <meta name="theme-color" content="#fd4b4b">
12 
+  <!-- Windows Phone -->
13 
+  <meta name="msapplication-navbutton-color" content="#fd4b4b">
14 
+  <!-- iOS Safari -->
15 
+  <meta name="apple-mobile-web-app-status-bar-style" content="#fd4b4b">
16 
+
17 
+
18 
+  <meta http-equiv="cache-control" content="max-age=0">
19 
+  <meta http-equiv="cache-control" content="no-cache">
20 
+  <meta http-equiv="expires" content="-1">
21 
+  <meta http-equiv="expires" content="Tue, 01 Jan 1980 11:00:00 GMT">
22 
+  <meta http-equiv="pragma" content="no-cache">
23 
+
24 
+  <meta name="description" content="Web site created using create-react-app" />
25 
+  <script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js"
26 
+    integrity="sha384-tzzSw1/Vo+0N5UhStP3bvwWPq+uvzCMfrN1fEFe+xBmv1C/AtVX5K0uZtmcHitFZ"
27 
+    crossorigin="anonymous"></script>
28 
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"
29 
+    integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
30 
+  <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
31 
+
32 
+  <!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" /> -->
33 
+  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
34 
+  <!--
32 
             manifest.json provides metadata used when your web app is installed on a
 35 
             manifest.json provides metadata used when your web app is installed on a
33 
             user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
 36 
             user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
34 
         -->
 37 
         -->
35 
-        <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
36 
-        <!--
38 
+  <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
39 
+  <!--
37 
             Notice the use of %PUBLIC_URL% in the tags above.
 40 
             Notice the use of %PUBLIC_URL% in the tags above.
38 
             It will be replaced with the URL of the `public` folder during the build.
 41 
             It will be replaced with the URL of the `public` folder during the build.
39 
             Only files inside the `public` folder can be referenced from the HTML.
 42 
             Only files inside the `public` folder can be referenced from the HTML.
42 
             work correctly both with client-side routing and a non-root public URL.
 45 
             work correctly both with client-side routing and a non-root public URL.
43 
             Learn how to configure a non-root public URL by running `npm run build`.
 46 
             Learn how to configure a non-root public URL by running `npm run build`.
44 
         -->
 47 
         -->
45 
-        <title>Psico Admin</title>
46 
-    </head>
47 
-    <body>
48 
-        <noscript>You need to enable JavaScript to run this app.</noscript>
49 
-        <div id="root"></div>
50 
-        <!--
48 
+  <title>Psico Admin</title>
49 
+</head>
50 
+
51 
+<body>
52 
+  <noscript>You need to enable JavaScript to run this app.</noscript>
53 
+  <div id="root"></div>
54 
+  <!--
51 
             This HTML file is a template.
 55 
             This HTML file is a template.
52 
             If you open it directly in the browser, you will see an empty page.
 56 
             If you open it directly in the browser, you will see an empty page.
53
57
57 
             To begin the development, run `npm start` or `yarn start`.
 61 
             To begin the development, run `npm start` or `yarn start`.
58 
             To create a production bundle, use `npm run build` or `yarn build`.
 62 
             To create a production bundle, use `npm run build` or `yarn build`.
59 
         -->
 63 
         -->
60 
-            </body>
64 
+</body>
65 
+
61 
 </html>
 66 
 </html>

+ 9 - 13
src/Css/all.css
View File

323 
 .body-table {
 323 
 .body-table {
324 
     /* padding: 40px; */
 324 
     /* padding: 40px; */
325 
     padding: 15px;
 325 
     padding: 15px;
326 
-    background: #24344d;
326 
+    /* background: #24344d; */
327 
     border-radius: 2px;
 327 
     border-radius: 2px;
328 
     box-shadow: 0 1px 2px rgba(0,0,0,.15), 0 -1px 0 rgba(0,0,0,.02);
328 
     box-shadow: 0 1px 2px rgba(0,0,0,.15), 0 -1px 0 rgba(0,0,0,.02);
329 
 }
 329 
 }
330 
 .body-table-responsive {
 330 
 .body-table-responsive {
331 
     font-size:13px;
 331 
     font-size:13px;
332 
     padding: 2px;
 332 
     padding: 2px;
333 
-    background: #24344d;
333 
+    /* background: #24344d; */
334 
     border-radius: 2px;
 334 
     border-radius: 2px;
335 
     box-shadow: 0 1px 2px rgba(0,0,0,.15), 0 -1px 0 rgba(0,0,0,.02);
335 
     box-shadow: 0 1px 2px rgba(0,0,0,.15), 0 -1px 0 rgba(0,0,0,.02);
336 
 }
 336 
 }
337 
 .body-table th {
 337 
 .body-table th {
338 
     font-size: 14px;
 338 
     font-size: 14px;
339 
-    color: #fff;
339 
+    /* color: #fff; */
340 
     font-weight: 300!important;
 340 
     font-weight: 300!important;
341 
     border-top: none!important;
 341 
     border-top: none!important;
342 
     border-left: none!important;
 342 
     border-left: none!important;
343 
     border-right: none!important;
 343 
     border-right: none!important;
344 
     border-bottom: 1px solid #2e3f5b!important;
 344 
     border-bottom: 1px solid #2e3f5b!important;
345 
-    color: rgba(225,235,245,.8);
345 
+    /* color: rgba(225,235,245,.8); */
346 
 }
 346 
 }
347 
 .body-table tr {
 347 
 .body-table tr {
348 
     font-size: 14px;
 348 
     font-size: 14px;
351 
     border-top: none!important;
 351 
     border-top: none!important;
352 
     border-left: none!important;
 352 
     border-left: none!important;
353 
     border-right: none!important;
 353 
     border-right: none!important;
354 
-    border-bottom: 1px solid #2e3f5b!important;
354 
+    /* border-bottom: 1px solid #2e3f5b!important; */
355 
     background: #24344d!important;
 355 
     background: #24344d!important;
356 
 }
 356 
 }
357 
 .body-table td {
 357 
 .body-table td {
358 
     border-top: none!important;
 358 
     border-top: none!important;
359 
     border-left: none!important;
 359 
     border-left: none!important;
360 
     border-right: none!important;
 360 
     border-right: none!important;
361 
-    border-bottom: 1px solid #2e3f5b!important;
361 
+    /* border-bottom: 1px solid #2e3f5b!important; */
362 
 }
 362 
 }
363 
 .table-bordered {
 363 
 .table-bordered {
364 
     border-top: none!important;
 364 
     border-top: none!important;
1318 
 .ver_producto:hover {
 1318 
 .ver_producto:hover {
1319 
     background: transparent;
 1319 
     background: transparent;
1320 
     border: 1px solid #2ec5d3;
 1320 
     border: 1px solid #2ec5d3;
1321 
-    color: #fff;
1321 
+    color: black;
1322 
     transition: all 0.3s;
 1322 
     transition: all 0.3s;
1323 
 }
 1323 
 }
1324 
 .editar_producto {
 1324 
 .editar_producto {
1332 
 .editar_producto:hover {
 1332 
 .editar_producto:hover {
1333 
     background: transparent!important;
 1333 
     background: transparent!important;
1334 
     border: 1px solid #5893df!important;
 1334 
     border: 1px solid #5893df!important;
1335 
-    color: #fff;
1335 
+    color: black;
1336 
     transition: all 0.3s;
 1336 
     transition: all 0.3s;
1337 
 }
 1337 
 }
1338 
 .eliminar_producto {
 1338 
 .eliminar_producto {
1346 
 .eliminar_producto:hover {
 1346 
 .eliminar_producto:hover {
1347 
     background: transparent!important;
 1347 
     background: transparent!important;
1348 
     border: 1px solid #ec5e69!important;
 1348 
     border: 1px solid #ec5e69!important;
1349 
-    color: #fff;
1349 
+    color: black;
1350 
     transition: all 0.3s;
 1350 
     transition: all 0.3s;
1351 
 }
 1351 
 }
1352 
 .col-left {
 1352 
 .col-left {
1755 
     padding-top: 10px;
 1755 
     padding-top: 10px;
1756 
     padding-bottom: 10px;
 1756 
     padding-bottom: 10px;
1757 
     border: 1px solid #dcdcdc;
 1757 
     border: 1px solid #dcdcdc;
1758 
-    height : 53px;
1759 
 }
 1758 
 }
1760 
 .header_historial p{
 1759 
 .header_historial p{
1761 
-    /* margin: 0!important; */
1762 
-    /* padding: 0; */
1763 
-    /* line-height: 1; */
1764 
     color: #fff;
 1760 
     color: #fff;
1765 
     letter-spacing: 5px;
 1761 
     letter-spacing: 5px;
1766 
 }
 1762 
 }