GitHub/web-bluetooth-dfu
1
0
Fork 0
mirror of https://github.com/thegecko/web-bluetooth-dfu.git synced 2025-12-14 13:08:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

Minor styling for phone layout

Browse Source
This commit is contained in:
Rob Moran
2017-05-15 23:22:13 +01:00
parent 2952baa999
commit cb728b7efb
1 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
examples/secure_dfu_web.html
View File

@@ -6,6 +6,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link href="https://fonts.googleapis.com/css?family=Raleway:400,600" rel="stylesheet">
<style>
html {
margin: 0;
padding: 0;
border: 0;
}
body {
font-family: 'Raleway', sans-serif;
color: #d7ecfb;
@@ -20,10 +25,10 @@
}
#drop {
position: relative;
margin: 40px auto;
max-width: 680px;
margin: 20px auto;
max-width: 500px;
background-color: rgba(255, 255, 255, 0.10);
padding: 120px 0px 100px;
padding: 100px 20px 80px 20px;
outline: 2px dashed #072b44;
outline-offset: -10px;
}
@@ -56,7 +61,8 @@
}
#select {
position: absolute;
width: 100%;
left: 0;
right: 0;
visibility: hidden;
}
#button {
@@ -78,7 +84,7 @@
#status {
margin: 20px auto;
border: 1px solid #d7ecfb;
width: 400px;
width: 70%;
height: 24px;
visibility: hidden;
}
@@ -96,7 +102,7 @@
</head>
<body>
<h1>Web Bluetooth Secure Device Firmware Update</h1>
<h1>Web Bluetooth Secure DFU</h1>
<div id="drop">
<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="50" height="43" viewBox="0 0 50 43">
<path d="M48.4 26.5c-.9 0-1.7.7-1.7 1.7v11.6h-43.3v-11.6c0-.9-.7-1.7-1.7-1.7s-1.7.7-1.7 1.7v13.2c0 .9.7 1.7 1.7 1.7h46.7c.9 0 1.7-.7 1.7-1.7v-13.2c0-1-.7-1.7-1.7-1.7zm-24.5 6.1c.3.3.8.5 1.2.5.4 0 .9-.2 1.2-.5l10-11.6c.7-.7.7-1.7 0-2.4s-1.7-.7-2.4 0l-7.1 8.3v-25.3c0-.9-.7-1.7-1.7-1.7s-1.7.7-1.7 1.7v25.3l-7.1-8.3c-.7-.7-1.7-.7-2.4 0s-.7 1.7 0 2.4l10 11.6z"/>