Skip to content

Commit

Permalink
update index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
carloluis committed Dec 26, 2017
1 parent bbd6e2b commit 7d4b0cf
Show file tree
Hide file tree
Showing 2 changed files with 18 additions and 7 deletions.
2 changes: 1 addition & 1 deletion example/components/ExUpdate.js
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ class ExUpdate extends React.Component {

this.state = {
suggestions: countries,
value: DEFAULT_VALUE
value: ''
};
}

Expand Down
23 changes: 17 additions & 6 deletions example/index.html
Original file line number Diff line number Diff line change
@@ -1,33 +1,37 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title>SSuggestor</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="react,reactjs component,component,suggestor,ssuggestor,select,autocomplete,javascript">
<meta name="description" content="SSuggestor - React Simple Suggestor">
<!-- <script src="https://cdn.jsdelivr.net/npm/ssuggestor@0.1.1/dist/ssuggestor.min.js"></script> -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">
<style>
:root {
--light-blue: #5EBDF7;
--grey: #eaeaea;
--white: #FFF;
}

.container {
padding: 24px 0 0;
margin: 0 auto;
max-width: 640px;
}

header {
background-color: var(--light-blue);
}

header .container {
padding: 10px 0 30px;
text-align: center;
color: var(--white);
}

.info {
background-color: var(--grey);
height: 40px;
Expand All @@ -48,33 +52,40 @@
font-size: 20px;
height: 40px;
}
.suggestor li{

.suggestor li {
font-size: 16px;
height: 26px;
}

.suggestor ::-webkit-input-placeholder {
font-weight: normal;
font-size: 18px;
}
</style>
</head>

<body>
<header>
<div class="container">
<h1>&LeftAngleBracket;ssuggestor&RightAngleBracket;</h1>
<h3>React Simple Suggestor</h3>
</div>
<div class="info">
<span><a href="https://github.com/carloluis/ssuggestor">Code and Docs on GitHub</a></span>
<span>
<a href="https://github.com/carloluis/ssuggestor">Code and Docs on GitHub</a>
</span>
</div>
</header>
<section class="container">
<div id="example">Loading...</div>
</section>
<footer>
<div class="info">
<span>Copyright &copy; <a href="https://twitter.com/carloluis_" target="_blank">Carloluis</a> 2017. MIT Licensed.</span>
<span>Copyright &copy;
<a href="https://twitter.com/carloluis_" target="_blank">Carloluis</a> 2017. MIT Licensed.</span>
</div>
</footer>
</body>

</html>

0 comments on commit 7d4b0cf

Please sign in to comment.