update logo and footer styles

fsinfuhh · Jul 11, 2024 · a31c368 · a31c368
1 parent e3a95e1
commit a31c368
Show file tree

Hide file tree

Showing 4 changed files with 37 additions and 4 deletions.
diff --git a/.env.prod b/.env.prod
@@ -0,0 +1,7 @@
+VW_DEBUG=False
+VW_SECRET_KEY=django-insecure-dev-key
+VW_ALLOWED_HOSTS=localhost,127.0.0.1,::1
+VW_DB=sqlite://./db.sqlite
+VW_OPENID_CLIENT_ID=dev-client
+VW_OPENID_CLIENT_SECRET=public-secret
+VW_OPENID_SCOPE=openid profile
diff --git a/src/vinywaji/gui/static/css/dist/styles.css b/src/vinywaji/gui/static/css/dist/styles.css
@@ -906,6 +906,10 @@ input[type=number] {
   gap: 0.5rem;
 }
 
+.gap-4 {
+  gap: 1rem;
+}
+
 .place-self-center {
   place-self: center;
 }
@@ -4912,6 +4916,11 @@ input[type=number] {
   line-height: 1.25rem;
 }
 
+.text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
+
 .font-bold {
   font-weight: 700;
 }
@@ -4948,6 +4957,10 @@ input[type=number] {
   color: rgb(17 24 39 / var(--tw-text-opacity));
 }
 
+.underline {
+  text-decoration-line: underline;
+}
+
 .shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -8886,10 +8899,23 @@ input[type=number] {
   background-color: rgb(4 47 46 / 0.95);
 }
 
+.hover\:text-gray-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity));
+}
+
 .hover\:underline:hover {
   text-decoration-line: underline;
 }
 
+.hover\:decoration-4:hover {
+  text-decoration-thickness: 4px;
+}
+
+.hover\:decoration-2:hover {
+  text-decoration-thickness: 2px;
+}
+
 .focus\:border-blue-600:focus {
   --tw-border-opacity: 1;
   border-color: rgb(37 99 235 / var(--tw-border-opacity));

diff --git a/src/vinywaji/gui/templates/components/footer.html b/src/vinywaji/gui/templates/components/footer.html
@@ -1,13 +1,13 @@
 <footer class="w-full flex justify-center my-4">
-    <ul class="flex gap-2">
+    <ul class="flex gap-4">
         <li>
-            <a class="hover:underline"
+            <a class="underline hover:decoration-2 hover:text-gray-500"
                href="https://github.com/fsinfuhh/vinywaji" target="_blank" rel="noopener">
                 Repository
             </a>
         </li>
         <li>
-            <a class="hover:underline" href="{% url 'swagger-ui' %}">
+            <a class="underline hover:decoration-2 hover:text-gray-500" href="{% url 'swagger-ui' %}">
                 API
             </a>
         </li>

diff --git a/src/vinywaji/gui/templates/components/navbar.html b/src/vinywaji/gui/templates/components/navbar.html
@@ -1,6 +1,6 @@
 <nav class="w-full sticky top-0 z-40">
     <div class="bg-primary-400 dark:bg-primary-600 text-black dark:text-white flex justify-between px-2 items-stretch">
-        <a href="/" class="text-[2.1rem] place-self-center">{{ title }}</a>
+        <a href="/" class="text-3xl font-bold place-self-center">{{ title }}</a>
         <ul class="flex items-stretch">
             {% if request.user.is_anonymous %}
                 <li><a class="block px-2 leading-[4rem] hover:bg-primary-700 transition-colors" href="{% url 'simple_openid_connect:login' %}">Login</a></li>