Skip to content

Commit 07330bc

Browse files
wajehtwajeht
committed
style: Update styling of various components for a consistent look
1 parent 9a4cead commit 07330bc

File tree

11 files changed

+38
-21
lines changed

11 files changed

+38
-21
lines changed

‎src/views/components/footer.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<div class="p-10">
1+
<div class="p-10 bg-base-200">
22
<div class="mx-auto max-w-6xl w-full text-center text-sm">
33
<p>
44
Copyright © 2024. Made with ❤️ by

‎src/views/components/header.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<header class="navbar p-10 sticky top-0 z-10 backdrop-blur-sm bg-base-100/70 border border-b border-gray-100">
1+
<header class="navbar p-10 sticky top-0 z-10 bg-base-100">
22
<div class="max-w-6xl mx-auto justify-between w-full items-center">
33
<div class="flex-1">
44
<a class="btn btn-ghost text-3xl font-extrabold" href="/">Notify</a>
@@ -11,7 +11,7 @@
1111
<div class="dropdown dropdown-end">
1212
<div tabindex="0" role="button" class="btn btn-ghost btn-circle avatar">
1313
<div class="w-10 rounded-full">
14-
<div class="bg-gray-300 h-full w-full"></div>
14+
<div class="h-full w-full"></div>
1515
</div>
1616
</div>
1717
<ul tabindex="0" class="menu menu-sm dropdown-content bg-base-100 rounded-box z-[1] mt-3 w-52 p-2 shadow">

‎src/views/layouts/app.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,11 @@
33
<!-- head -->
44
<%- include('../components/head.html') %>
55

6-
<body class="flex min-h-screen flex-col overflow-auto max-w-full bg-gray-50">
6+
<body class="flex min-h-screen flex-col overflow-auto max-w-full">
77
<!-- header -->
88
<%- include('../components/header.html') %>
99

10-
<main class="flex-1 relative h-full">
10+
<main class="flex-1 relative h-full bg-base-200">
1111

1212
<div class="p-10">
1313
<div class="mx-auto max-w-6xl w-full ">
@@ -16,7 +16,7 @@ <h2 class="font-medium text-2xl">Apps / <%= app.id %></h2>
1616
<div class="sm:grid sm:grid-cols-4 flex flex-col gap-5 mt-5">
1717

1818
<aside>
19-
<ul class="menu bg-base-100 rounded-lg border border-gray-100">
19+
<ul class="menu bg-base-100 rounded-lg p-5">
2020
<li><a href="/apps/<%= app.id %>">App</a></li>
2121
<li><a href="/apps/<%= app.id %>/channels">Channels</a></li>
2222
<li><a href="/apps/<%= app.id %>/notifications">Notifications</a></li>

‎src/views/layouts/auth.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<!-- head -->
44
<%- include('../components/head.html') %>
55

6-
<body class="flex min-h-screen flex-col overflow-auto max-w-full bg-gray-50">
6+
<body class="flex min-h-screen flex-col overflow-auto max-w-full bg-base-200">
77
<!-- header -->
88
<%- include('../components/header.html') %>
99

‎src/views/layouts/public.html‎

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,14 @@
33
<!-- head -->
44
<%- include('../components/head.html') %>
55

6-
<body class="flex min-h-screen flex-col overflow-auto max-w-full">
6+
<script>
7+
document.addEventListener('DOMContentLoaded', function () {
8+
var savedTheme = localStorage.getItem('theme') || 'light';
9+
document.documentElement.setAttribute('data-theme', savedTheme);;
10+
});
11+
</script>
12+
13+
<body class="flex min-h-screen flex-col overflow-auto max-w-full bg-base-200">
714
<%- body %>
815
</body>
916
</html>

‎src/views/pages/apps-id-channels.html‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
11
<div class="flex flex-col gap-5">
22
<h2 class="font-medium text-xl">Channels</h2>
3-
<div class="border border-gray-100 rounded-lg bg-base-100 p-5">
4-
<pre><%= JSON.stringify(app, null, 2) %></pre>
3+
<div class="card bg-base-100 card-bordered">
4+
<div class="card-body">
5+
<pre><%= JSON.stringify(app, null, 2) %></pre>
6+
</div>
57
</div>
68
</div>

‎src/views/pages/apps-id-notifications.html‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
11
<div class="flex flex-col gap-5">
22
<h2 class="font-medium text-xl">Notifications</h2>
3-
<div class="border border-gray-100 rounded-lg bg-base-100 p-5">
4-
<pre><%= JSON.stringify(app, null, 2) %></pre>
3+
<div class="card bg-base-100 card-bordered">
4+
<div class="card-body">
5+
<pre><%= JSON.stringify(app, null, 2) %></pre>
6+
</div>
57
</div>
68
</div>

‎src/views/pages/apps-id.html‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
11
<div class="flex flex-col gap-5">
22
<h2 class="font-medium text-xl">App</h2>
3-
<div class="border border-gray-100 rounded-lg bg-base-100 p-5">
4-
<pre><%= JSON.stringify(app, null, 2) %></pre>
3+
<div class="card bg-base-100 card-bordered">
4+
<div class="card-body">
5+
<pre><%= JSON.stringify(app, null, 2) %></pre>
6+
</div>
57
</div>
68
</div>

‎src/views/pages/apps.html‎

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,15 +9,19 @@ <h2 class="font-medium text-2xl">Apps</h2>
99
<div class="grid grid-cols-3 gap-5 mt-5">
1010
<% if (apps.length) { %>
1111
<% apps.forEach(app => { %>
12-
<div class="p-5 border border-gray-100 rounded-lg bg-base-100">
13-
<a class="link" href="/apps/<%= app.id %>"><h4><%= app.name %></h4></a>
12+
<div class="card bg-base-100 card-bordered">
13+
<div class="card-body">
14+
<a class="link" href="/apps/<%= app.id %>"><h4><%= app.name %></h4></a>
15+
</div>
1416
</div>
1517
<% }) %>
1618
<% } %>
1719

1820
<% if (!apps.length) { %>
19-
<div class="p-5 border border-gray-100 rounded-md bg-base-100">
20-
There are no apps currently
21+
<div class="card bg-base-100">
22+
<div class="card-body">
23+
There are no apps currently
24+
</div>
2125
</div>
2226
<% } %>
2327
</div>

‎src/views/pages/home.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
<div class="flex bg-gray-50 flex-col justify-center items-center min-h-screen">
1+
<div class="flex flex-col justify-center items-center min-h-screen ">
22

3-
<div class="card bg-base-100 shadow-xl gap-10 min-w-[400px]">
3+
<div class="card bg-base-100 shadow-xl gap-10 min-w-[400px] card-bordered">
44
<div class="card-body gap-6">
55

66
<div class="flex flex-col gap-1">

0 commit comments

Comments
 (0)