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; color:black;
font-weight:bold; font-weight:bold;
line-height:18px; line-height:0;
height:18px;
width:18px; width:18px;
text-align:center; text-align:center;
} }
.menubutton svg {
width: 18px;
height: 18px;
}
.menubutton:hover { .menubutton:hover {
background:white; background:white;
} }

View File

@ -11,7 +11,11 @@
</head> </head>
<body> <body>
<div class="tabbar placement-top" id="bar"> <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"> <div class="tabitem selected" data-tab="tab-main" id="tabitem-tab-main">
<span class="tab-label"> <span class="tab-label">
Main Main
@ -55,4 +59,4 @@
<script type="text/javascript" src="/socket.io-1.7.2.js"></script> <script type="text/javascript" src="/socket.io-1.7.2.js"></script>
<script type="text/javascript" src="/dcwebui.js"></script> <script type="text/javascript" src="/dcwebui.js"></script>
</body> </body>
</html> </html>