CCOM4030
/
kilometro0
Watch 4
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

update html/css

Luis 5 years ago
parent
0880e4cdef
commit
ea8f61205f
2 changed files with 17 additions and 2 deletions
Split View Show Diff Stats
  1. 13
    2
      km0App/platforms/android/app/src/main/assets/www/css/custom.css
  2. 4
    0
      km0App/platforms/android/app/src/main/assets/www/index.html

+ 13
- 2
km0App/platforms/android/app/src/main/assets/www/css/custom.css View File 

@@ -11,7 +11,7 @@ body {
11 11 
   left: 100%;
12 12 
   right: 0;
13 13 
   background-color: white;
14 
-  border-style: solid;
14 
+  border-left-style: solid;
15 15 
   border-width: 2px;
16 16 
   overflow-x: hidden;
17 17 
   transition: 0.5s;
 
@@ -32,7 +32,7 @@ body {
32 32 
   top: auto;
33 33 
   width: 33%;
34 34 
   text-align: left;
35 
-  margin-top: 30px;
35 
+  padding-top: 80px;
36 36 
   margin-left: 8px;
37 37 
 }
38 38 
 
@@ -46,6 +46,15 @@ body {
46 46 
   float:right;
47 47 
 }
48 48
49 
+.overlay h2 {
50 
+  padding: 8px;
51 
+  font-size: 48px ;
52 
+  color: black;
53 
+  display: block;
54 
+  transition: 0.3s;
55 
+  float:left;
56 
+}
57 
+
49 58 
 .overlay a {
50 59 
   padding: 8px;
51 60 
   text-decoration: none;
 
@@ -67,7 +76,9 @@ body {
67 76 
 }
68 77
69 78 
 @media screen and (max-height: 450px) {
79 
+  .overlay h2 {font-size: 32px}
70 80 
   .overlay a {font-size: 20px}
81 
+  .overlay-content {font-size: }
71 82 
   .overlay .closebtn {
72 83 
   font-size: 40px;
73 84 
   top: 15px;

+ 4
- 0
km0App/platforms/android/app/src/main/assets/www/index.html View File 

@@ -11,7 +11,11 @@
11 11 
     <body>
12 12 
       <div class="nav-bar">
13 13 
         <div id="myNav" class="overlay">
14 
+          <div>
15 
+            <h2>Menu</h2>
14 16 
             <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
17 
+          </div>
18 
+
15 19 
             <div class="overlay-content">
16 20 
               <a href="#">Inicio</a>
17 21 
               <a href="#">Contactos</a>