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>
|
||||
@@ -107,7 +108,7 @@
|
||||
<body class="dialer-screen">
|
||||
<!-- App Bar -->
|
||||
<div class="app-bar">
|
||||
<div class="btn-icon" onclick="goBack()">←</div>
|
||||
<div class="btn-icon" onclick="goBack()"><img src="../icons/back.tga" style="width: 24px; height: 24px;"/></div>
|
||||
<span class="app-bar-title">Phone</span>
|
||||
</div>
|
||||
|
||||
@@ -175,21 +176,21 @@
|
||||
|
||||
<!-- Call Button -->
|
||||
<div class="dial-actions">
|
||||
<div class="dial-call-btn" onclick="makeCall()">C</div>
|
||||
<div class="dial-call-btn" onclick="makeCall()"><img src="../icons/call_small.tga" style="width: 32px; height: 32px;"/></div>
|
||||
</div>
|
||||
|
||||
<!-- Bottom Navigation -->
|
||||
<div class="bottom-nav">
|
||||
<div class="bottom-nav-item active">
|
||||
<span class="bottom-nav-icon">*</span>
|
||||
<img src="../icons/dialpad.tga" class="bottom-nav-icon" style="width: 24px; height: 24px;"/>
|
||||
<span class="bottom-nav-label">Keypad</span>
|
||||
</div>
|
||||
<div class="bottom-nav-item">
|
||||
<span class="bottom-nav-icon">O</span>
|
||||
<img src="../icons/history.tga" class="bottom-nav-icon" style="width: 24px; height: 24px;"/>
|
||||
<span class="bottom-nav-label">Recent</span>
|
||||
</div>
|
||||
<div class="bottom-nav-item" onclick="navigateTo('contacts')">
|
||||
<span class="bottom-nav-icon">@</span>
|
||||
<img src="../icons/contacts.tga" class="bottom-nav-icon" style="width: 24px; height: 24px;"/>
|
||||
<span class="bottom-nav-label">Contacts</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user