Accueil Explorer Aide
S'inscrire Connexion
SuperAdminQA
/
psicoadmin
Suivre 1
Voter 0
Fork 0
Code Tickets 0 Pull Requests 0 Commits 372 Publications 0 Wiki
Parcourir la Source

style fixes

amenpunk il y a 1 an
Parent
2a3d7dc07b
commit
6649f8e1ea
2 fichiers modifiés avec 52 ajouts et 51 suppressions
Vue séparée Afficher les stats Diff
  1. 43 38
      public/index.html
  2. 9 13
      src/Css/all.css

+ 43 - 38
public/index.html
Voir le fichier 

@@ -1,39 +1,42 @@
1 1 
 <!DOCTYPE html>
2 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 35 
             manifest.json provides metadata used when your web app is installed on a
33 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 40 
             Notice the use of %PUBLIC_URL% in the tags above.
38 41 
             It will be replaced with the URL of the `public` folder during the build.
39 42 
             Only files inside the `public` folder can be referenced from the HTML.
 
@@ -42,12 +45,13 @@
42 45 
             work correctly both with client-side routing and a non-root public URL.
43 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 55 
             This HTML file is a template.
52 56 
             If you open it directly in the browser, you will see an empty page.
53 57 
 
@@ -57,5 +61,6 @@
57 61 
             To begin the development, run `npm start` or `yarn start`.
58 62 
             To create a production bundle, use `npm run build` or `yarn build`.
59 63 
         -->
60 
-            </body>
64 
+</body>
65 
+
61 66 
 </html>

+ 9 - 13
src/Css/all.css
Voir le fichier 

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