replace menu icon from astral unicode to mini svg

This commit is contained in:
mappu 2017-10-15 20:30:06 +13:00
parent 20fa044906
commit 377131e43d
2 changed files with 12 additions and 3 deletions

View File

@ -71,10 +71,15 @@ html,body {
color:black;
font-weight:bold;
line-height:18px;
line-height:0;
height:18px;
width:18px;
text-align:center;
}
.menubutton svg {
width: 18px;
height: 18px;
}
.menubutton:hover {
background:white;
}

View File

@ -11,7 +11,11 @@
</head>
<body>
<div class="tabbar placement-top" id="bar">
<div class="menubutton" id="menubutton">&#9776;</div>
<div class="menubutton" id="menubutton">
<svg viewBox="0 0 24 24">
<path fill="#000000" d="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z" />
</svg>
</div>
<div class="tabitem selected" data-tab="tab-main" id="tabitem-tab-main">
<span class="tab-label">
Main
@ -55,4 +59,4 @@
<script type="text/javascript" src="/socket.io-1.7.2.js"></script>
<script type="text/javascript" src="/dcwebui.js"></script>
</body>
</html>
</html>