Minor styling improvements and update default navbar location so it isnt re-rendered on devices update

This commit is contained in:
Peter Stockings
2023-01-24 22:19:52 +11:00
parent 3294372986
commit b25f57e103
3 changed files with 21 additions and 21 deletions

View File

@@ -11,9 +11,28 @@
</head> </head>
<body> <body>
<div class="h-full w-full bg-gray-50 relative overflow-y-auto container mx-auto"> <div class="h-full w-full relative overflow-y-auto container mx-auto">
<main> <main>
<div class="px-4 pt-8" id="container"> <div class="px-4 pt-8" id="container">
<div class="text-sm breadcrumbs pb-2">
<nav class="flex" aria-label="Breadcrumb">
<ol class="inline-flex items-center space-x-1 md:space-x-3">
<li class="inline-flex items-center">
<a hx-get="{{ url_for('devices') }}" hx-target="#container" class="inline-flex items-center text-sm font-medium text-gray-700 hover:text-blue-600
dark:text-gray-400 dark:hover:text-white cursor-pointer">
<svg aria-hidden="true" class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg">
<path
d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z">
</path>
</svg>
Devices
</a>
</li>
</ol>
</nav>
</div>
<div hx-get="{{ url_for('devices') }}" hx-trigger="load, every 5s"> <div hx-get="{{ url_for('devices') }}" hx-trigger="load, every 5s">
<div class="flex justify-center"> <div class="flex justify-center">
<div role="status"> <div role="status">

View File

@@ -1,4 +1,4 @@
<div class="text-sm breadcrumbs"> <div class="text-sm breadcrumbs pb-2">
<nav class="flex" aria-label="Breadcrumb"> <nav class="flex" aria-label="Breadcrumb">
<ol class="inline-flex items-center space-x-1 md:space-x-3"> <ol class="inline-flex items-center space-x-1 md:space-x-3">
<li class="inline-flex items-center"> <li class="inline-flex items-center">

View File

@@ -1,22 +1,3 @@
<div class="text-sm breadcrumbs">
<nav class="flex" aria-label="Breadcrumb">
<ol class="inline-flex items-center space-x-1 md:space-x-3">
<li class="inline-flex items-center">
<a hx-get="{{ url_for('devices') }}" hx-target="#container" class="inline-flex items-center text-sm font-medium text-gray-700 hover:text-blue-600
dark:text-gray-400 dark:hover:text-white cursor-pointer">
<svg aria-hidden="true" class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg">
<path
d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z">
</path>
</svg>
Devices
</a>
</li>
</ol>
</nav>
</div>
<div class="flex justify-center"> <div class="flex justify-center">
<div class="relative overflow-x-auto"> <div class="relative overflow-x-auto">
<table class="lg:w-1/4 sm:w-full text-sm text-left text-gray-500 dark:text-gray-400"> <table class="lg:w-1/4 sm:w-full text-sm text-left text-gray-500 dark:text-gray-400">