add icons and navigation
This commit is contained in:
@@ -1,5 +1,6 @@
|
||||
<rml>
|
||||
<head>
|
||||
<link type="text/rcss" href="../ui/html.rcss"/>
|
||||
<link type="text/rcss" href="../ui/theme.rcss"/>
|
||||
<link type="text/rcss" href="../ui/components.rcss"/>
|
||||
<script src="../scripts/navigation.lua"></script>
|
||||
@@ -173,14 +174,13 @@
|
||||
|
||||
<!-- Browser Toolbar -->
|
||||
<div class="browser-toolbar">
|
||||
<div class="browser-nav-btn" onclick="goBack()">←</div>
|
||||
<div class="browser-nav-btn disabled">→</div>
|
||||
<div class="browser-nav-btn" onclick="goBack()"><img src="../icons/back.tga" style="width: 24px; height: 24px;"/></div>
|
||||
<div class="browser-nav-btn disabled"><img src="../icons/forward.tga" style="width: 24px; height: 24px; opacity: 0.3;"/></div>
|
||||
<div class="browser-url-bar">
|
||||
<span class="browser-secure-icon">L</span>
|
||||
<input class="browser-url" type="text" value="example.com"/>
|
||||
</div>
|
||||
<div class="browser-nav-btn">R</div>
|
||||
<div class="browser-nav-btn">:</div>
|
||||
<div class="browser-nav-btn"><img src="../icons/refresh.tga" style="width: 24px; height: 24px;"/></div>
|
||||
<div class="browser-nav-btn"><img src="../icons/more.tga" style="width: 24px; height: 24px;"/></div>
|
||||
</div>
|
||||
|
||||
<!-- Browser Content -->
|
||||
@@ -213,7 +213,7 @@
|
||||
<!-- Bottom Bar -->
|
||||
<div class="browser-bottom-bar">
|
||||
<div class="browser-tab-btn" onclick="goHome()">
|
||||
<span class="browser-tab-icon">H</span>
|
||||
<img src="../icons/home.tga" class="browser-tab-icon" style="width: 24px; height: 24px;"/>
|
||||
<span class="browser-tab-label">Home</span>
|
||||
</div>
|
||||
<div class="browser-tab-btn">
|
||||
@@ -221,11 +221,11 @@
|
||||
<span class="browser-tab-label">Tabs</span>
|
||||
</div>
|
||||
<div class="browser-tab-btn">
|
||||
<span class="browser-tab-icon">+</span>
|
||||
<img src="../icons/add.tga" class="browser-tab-icon" style="width: 24px; height: 24px;"/>
|
||||
<span class="browser-tab-label">New Tab</span>
|
||||
</div>
|
||||
<div class="browser-tab-btn">
|
||||
<span class="browser-tab-icon">:</span>
|
||||
<img src="../icons/menu.tga" class="browser-tab-icon" style="width: 24px; height: 24px;"/>
|
||||
<span class="browser-tab-label">Menu</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user