mirror of
https://gitlab.com/bramw/baserow.git
synced 2025-04-17 10:22:36 +00:00
180 lines
8.3 KiB
HTML
180 lines
8.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Baserow</title>
|
|
</head>
|
|
<body>
|
|
<div class="layout">
|
|
<div class="layout-col-1 menu">
|
|
<ul class="menu-items">
|
|
<li>
|
|
<a href="#" class="menu-item active">
|
|
<i class="fas fa-tachometer-alt"></i>
|
|
<span class="menu-item-text">Dashboard</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="menu-item">
|
|
<i class="fas fa-layer-group"></i>
|
|
<span class="menu-item-text">Groups</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<ul class="menu-items">
|
|
<li>
|
|
<a href="#" class="user-item">
|
|
B
|
|
<span class="menu-item-text">Full Name</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="layout-col-2 sidebar">
|
|
<div class="sidebar-content">
|
|
<div class="sidebar-title">Baserow</div>
|
|
<div class="sidebar-group-title">Group name 1</div>
|
|
<ul class="tree">
|
|
<li class="tree-item">
|
|
<div class="tree-action">
|
|
<a href="#" class="tree-link">
|
|
<i class="tree-type fas fa-database"></i>
|
|
Vehicles
|
|
</a>
|
|
<a href="#" class="tree-options">
|
|
<i class="fas fa-ellipsis-v"></i>
|
|
</a>
|
|
</div>
|
|
</li>
|
|
<li class="tree-item">
|
|
<div class="tree-action">
|
|
<a href="#" class="tree-link">
|
|
<i class="tree-type fas fa-angle-right"></i>
|
|
Map nummer 1
|
|
</a>
|
|
</div>
|
|
</li>
|
|
<li class="tree-item active">
|
|
<div class="tree-action">
|
|
<a href="#" class="tree-link">
|
|
<i class="tree-type fas fa-database"></i>
|
|
Webshop
|
|
</a>
|
|
<a href="#" class="tree-options">
|
|
<i class="fas fa-ellipsis-v"></i>
|
|
</a>
|
|
</div>
|
|
<ul class="tree-subs">
|
|
<li class="tree-sub active">
|
|
<a href="#" class="tree-sub-link">Customers</a>
|
|
<a href="#" class="tree-options">
|
|
<i class="fas fa-ellipsis-v"></i>
|
|
</a>
|
|
</li>
|
|
<li class="tree-sub">
|
|
<a href="#" class="tree-sub-link">Products very long name</a>
|
|
<a href="#" class="tree-options">
|
|
<i class="fas fa-ellipsis-v"></i>
|
|
</a>
|
|
</li>
|
|
<li class="tree-sub">
|
|
<a href="#" class="tree-sub-link">Categories</a>
|
|
<a href="#" class="tree-options">
|
|
<i class="fas fa-ellipsis-v"></i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="tree-item">
|
|
<div class="tree-action">
|
|
<a href="#" class="tree-link">
|
|
<i class="tree-type fas fa-angle-down"></i>
|
|
Map nummer 1
|
|
</a>
|
|
</div>
|
|
<ul class="tree">
|
|
<li class="tree-item">
|
|
<div class="tree-action">
|
|
<a href="#" class="tree-link">
|
|
<i class="tree-type fas fa-database"></i>
|
|
Vehicles
|
|
</a>
|
|
<a href="#" class="tree-options">
|
|
<i class="fas fa-ellipsis-v"></i>
|
|
</a>
|
|
</div>
|
|
</li>
|
|
<li class="tree-item">
|
|
<div class="tree-action">
|
|
<a href="#" class="tree-link">
|
|
<i class="tree-type fas fa-database"></i>
|
|
Something
|
|
</a>
|
|
<a href="#" class="tree-options">
|
|
<i class="fas fa-ellipsis-v"></i>
|
|
</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="tree-item">
|
|
<div class="tree-action">
|
|
<a href="#" class="tree-link">
|
|
<i class="tree-type fas fa-database"></i>
|
|
Vehicles with very long name and that is not good.
|
|
</a>
|
|
<a href="#" class="tree-options">
|
|
<i class="fas fa-ellipsis-v"></i>
|
|
</a>
|
|
</div>
|
|
</li>
|
|
<li class="tree-item">
|
|
<div class="tree-action">
|
|
<a href="#" class="tree-link">
|
|
<i class="tree-type fas fa-database"></i>
|
|
Something else
|
|
</a>
|
|
<a href="#" class="tree-options">
|
|
<i class="fas fa-ellipsis-v"></i>
|
|
</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="sidebar-footer">
|
|
<a href="#" class="sidebar-collapse">
|
|
<i class="fas fa-angle-double-left"></i>
|
|
Collapse sidebar
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="layout-col-3">
|
|
<div class="layout-col-3-1 header">
|
|
<ul class="header-filter">
|
|
<li>
|
|
<a href="#">
|
|
<i class="header-filter-icon fas fa-th"></i>
|
|
Grid view name
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<ul class="header-info">
|
|
<li class="undo-redo">
|
|
<a href="#" class="active">
|
|
<i class="fas fa-undo"></i>
|
|
</a>
|
|
<a href="#">
|
|
<i class="fas fa-redo"></i>
|
|
</a>
|
|
</li>
|
|
<li>Webshop</li>
|
|
<li>Products</li>
|
|
</ul>
|
|
</div>
|
|
<div class="layout-col-3-2 content">
|
|
CONTENT !
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|