Skip to content
This repository has been archived by the owner on Jan 5, 2025. It is now read-only.

Commit

Permalink
some CSS tweaks.
Browse files Browse the repository at this point in the history
  • Loading branch information
@lvalics
lvalics committed Feb 3, 2024
1 parent 48bdd56 commit e3bc7c3
Show file tree
Hide file tree
Showing 2 changed files with 55 additions and 53 deletions.
103 changes: 52 additions & 51 deletions dj_backend_server/web/templates/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,41 +16,42 @@ <h1 class="text-2xl md:text-3xl text-slate-800 font-bold">{% trans "My chatbots"
</div>
</div>
{% for bot in chatbots %}
<div class="card">
<div class="p-5 flex items-center justify-between">
<span>
<a href="{% url 'chatbot.settings-theme' id=bot.id %}">
<span class="text-xl font-semibold block">{{ bot.name }}</span>
</a>
<span class="text-slate-400 font-semibold"><span>{{ bot.created_at }}</span></span>
</span>
<span
class="flex justify-center items-center h-14 w-14 bg-blue-600/5 shadow shadow-blue-600/5 text-blue-600">
<i class="uil uil-user text-xl"></i>
</span>
</div>

<div class="px-5 py-4 bg-slate-50">
<a href="{% url 'chatbot.settings-theme' id=bot.id %}"
class="relative inline-block font-semibold tracking-wide align-middle
text-base text-center border-none after:content-[''] after:absolute after:h-px
fter:w-0 hover:after:w-full after:end-0 hover:after:end-auto after:bottom-0
after:start-0 after:transition-all after:duration-500 text-blue-600
hover:text-blue-600 after:bg-blue-600">Open
<i class="uil uil-arrow-right"></i></a>
</div>
</div><!--end-->
{% endfor %}
<div class="grid xl:grid-cols-6 md:grid-cols-6 gap-6 mb-6">

<div class="flex flex-col">
<div style="background-color: #829DAA;" class="card text-white p-1 flex flex-col h-full">
<div class="p-5 flex items-center justify-between">
<span>
<a href="{% url 'chatbot.settings-theme' id=bot.id %}">
<span class="text-xl font-semibold block">{{ bot.name }}</span>
</a>
<span class="font-semibold"><span>{{ bot.created_at }}</span></span>
</span>
<span class="flex justify-center items-center h-14 w-14 bg-blue-600/5 shadow shadow-blue-600/5 text-blue-600">
<i class="uil uil-user text-xl"></i>
</span>
</div>

<!-- This pushes the action button to the bottom -->
<div class="mt-auto px-5 py-4 bg-slate-50">
<a href="{% url 'chatbot.settings-theme' id=bot.id %}"
class="relative inline-block font-semibold tracking-wide align-middle text-base text-center border-none after:content-[''] after:absolute after:h-px after:w-0 hover:after:w-full after:end-0 hover:after:end-auto after:bottom-0 after:start-0 after:transition-all after:duration-500 text-blue-600 hover:text-blue-600">
Open <i class="uil uil-arrow-right"></i>
</a>
</div>
</div>
</div>

</div><!--end grid-->
{% endfor %}
</div>



<div class="grid lg:grid-cols-3 gap-6 mb-6">

<div class="lg:col-span-2">
<div class="grid grid-cols-2 gap-4">
<div class="bg-blue-500 text-white p-1">
<div class="card">
<div class="p-5">

<div class="grid lg:grid-cols-3 gap-5">
<div class="lg:col-span-3">
<div class="flex justify-between items-center">
Expand All @@ -65,23 +66,23 @@ <h4 class="card-title mb-4">{% trans "Statistics of discussions in the last days
</div>
</div>
</div>
<div class="grid lg:grid-cols-3 gap-6 mb-6">
<div class="lg:col-span-2">
<div class="card">
<div class="p-5">
<div class="grid lg:grid-cols-3 gap-5">
<div class="lg:col-span-3">
<div class="flex justify-between items-center">
<h4 class="card-title mb-4">{% trans "Data Sources Added Over Time" %}</h4>
</div>
<div id="morris_data_sources_counts" class="morris-chart"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-blue-500 text-white p-1">
<div class="col-span-3 lg:col-span-2">
<div class="card">
<div class="p-5">
<div class="grid lg:grid-cols-3 gap-5">
<div class="lg:col-span-3">
<div class="flex justify-between items-center">
<h4 class="card-title mb-4">{% trans "Data Sources Added Over Time" %}</h4>
</div>
<div id="morris_data_sources_counts" class="morris-chart"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>



Expand Down Expand Up @@ -113,12 +114,12 @@ <h4 class="card-title mb-4">{% trans "Data Sources Added Over Time" %}</h4>
if ($("#morris_discussion_counts").length) {
Morris.Bar({
element: 'morris_discussion_counts',
barColors: ['#ebeef1', '#20b799'],
barColors: ['#f20d1d', '#0df2e2'],
data: discussionCountsData,
xkey: 'year',
ykeys: ['value'],
hideHover: 'auto',
gridLineColor: '#eef0f2',
gridLineColor: '#175ca1',
resize: true,
barSizeRatio: 0.4,
labels: ['Discussions']
Expand All @@ -130,14 +131,14 @@ <h4 class="card-title mb-4">{% trans "Data Sources Added Over Time" %}</h4>
if ($("#morris_data_sources_counts").length) {
Morris.Bar({
element: 'morris_data_sources_counts',
barColors: ['#ffad46', '#00b19d', '#ff5b5b'],
barColors: ['#f20d1d', '#00b19d', '#175ca1'],
data: dataSourcesCountsData,
xkey: 'date',
ykeys: ['crawled_pages', 'pdf_data_sources', 'website_data_sources'],
hideHover: 'auto',
gridLineColor: '#eef0f2',
gridLineColor: '#175ca1',
resize: true,
barSizeRatio: 0.4,
barSizeRatio: 1,
labels: ['Crawled Pages', 'PDF Data Sources', 'Website Data Sources']
});
}
Expand Down
5 changes: 3 additions & 2 deletions dj_backend_server/web/templates/layout/app.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,7 @@
<link href="{% static 'assets/css/theme.min.css' %}" rel="stylesheet" type="text/css">
<link href="{% static 'assets/css/icons.min.cs' %}s" rel="stylesheet" type="text/css">
<link href="{% static 'assets/libs/@iconscout/unicons/css/line.css' %}" type="text/css" rel="stylesheet">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.css">

<!-- Head Js -->
<script src="{% static 'assets/js/head.js' %}"></script>
Expand Down Expand Up @@ -100,10 +101,10 @@
<script src="{% static 'assets/libs/jquery-knob/jquery.knob.min.js' %}"></script>

<!-- Morris Js-->
<script src="{% static 'assets/libs/morris.js/morris.min.js' %}"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js"></script>

<!-- Raphael Js-->
<script src="{% static 'assets/libs/raphael/raphael.min.js' %}"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>

{% block scripts %}{% endblock %}
</body>
Expand Down

0 comments on commit e3bc7c3

Please sign in to comment.