Guillaume Vincent
7 years ago
3 changed files with 14 additions and 6 deletions
Unified View
Diff Options
-
+4 -5index.html
-
+9 -0src/LessPass.scss
-
+1 -1src/LessPass.vue
+ 4
- 5
index.html
View File
| @@ -8,8 +8,7 @@ | |||||
| <link rel="stylesheet" href="dist/lesspass.min.css"> | <link rel="stylesheet" href="dist/lesspass.min.css"> | ||||
| <style> | <style> | ||||
| div.center { | div.center { | ||||
| width: 470px; | |||||
| max-width: 100%; | |||||
| max-width: 420px; | |||||
| display: block; | display: block; | ||||
| margin-left: auto; | margin-left: auto; | ||||
| margin-right: auto; | margin-right: auto; | ||||
| @@ -17,14 +16,14 @@ | |||||
| @media (min-width: 544px) { | @media (min-width: 544px) { | ||||
| #lesspass { | #lesspass { | ||||
| margin-top: 1em; | |||||
| margin-top: 3em; | |||||
| } | } | ||||
| } | } | ||||
| </style> | </style> | ||||
| </head> | </head> | ||||
| <body> | <body> | ||||
| <div class="center"> | |||||
| <div id="lesspass" class="m-x-auto"></div> | |||||
| <div class="center lesspass--full-width"> | |||||
| <div id="lesspass"></div> | |||||
| </div> | </div> | ||||
| <script src="dist/lesspass.min.js"></script> | <script src="dist/lesspass.min.js"></script> | ||||
| </body> | </body> | ||||
+ 9
- 0
src/LessPass.scss
View File
| @@ -43,8 +43,17 @@ | |||||
| @import '~hint.css/hint.css'; | @import '~hint.css/hint.css'; | ||||
| @import '~awesomplete/awesomplete.css'; | @import '~awesomplete/awesomplete.css'; | ||||
| .lesspass--unbordered #lesspass{ | |||||
| border: none; | |||||
| } | |||||
| .lesspass--full-width #lesspass{ | |||||
| max-width: none !important; | |||||
| } | |||||
| #lesspass { | #lesspass { | ||||
| color: #464646; | color: #464646; | ||||
| max-width: 420px; | |||||
| } | } | ||||
| @media (max-width: 419px) { | @media (max-width: 419px) { | ||||
+ 1
- 1
src/LessPass.vue
View File
| @@ -1,5 +1,5 @@ | |||||
| <template> | <template> | ||||
| <div id="lesspass" class="card" style="max-width: 420px;"> | |||||
| <div id="lesspass" class="card"> | |||||
| <lesspass-menu></lesspass-menu> | <lesspass-menu></lesspass-menu> | ||||
| <lesspass-message></lesspass-message> | <lesspass-message></lesspass-message> | ||||
| <div class="card-block"> | <div class="card-block"> | ||||