Browse Source

update html/css

Luis 5 years ago
parent
commit
ea8f61205f

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

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

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

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