From 3405960d4b953fd9f7f61c25e0514397cf0976fd Mon Sep 17 00:00:00 2001
From: Indrajith K L
Date: Thu, 15 Sep 2022 01:00:20 +0530
Subject: Style Fixes
---
src/_includes/assets/css/styles.css | 25 +++++++++++++++++++------
src/_includes/posts.njk | 2 +-
src/hire-me.njk | 4 ++--
src/images/itchio-logo-textless-white.png | Bin 0 -> 49092 bytes
4 files changed, 22 insertions(+), 9 deletions(-)
create mode 100644 src/images/itchio-logo-textless-white.png
(limited to 'src')
diff --git a/src/_includes/assets/css/styles.css b/src/_includes/assets/css/styles.css
index 337f6af..926fb1a 100644
--- a/src/_includes/assets/css/styles.css
+++ b/src/_includes/assets/css/styles.css
@@ -959,6 +959,10 @@ select {
max-width: 56rem;
}
+.max-w-sm {
+ max-width: 24rem;
+}
+
.flex-1 {
flex: 1 1 0%;
}
@@ -979,6 +983,10 @@ select {
cursor: pointer;
}
+.resize-none {
+ resize: none;
+}
+
.resize {
resize: both;
}
@@ -1154,6 +1162,11 @@ select {
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
+.bg-yellow-50 {
+ --tw-bg-opacity: 1;
+ background-color: rgb(254 252 232 / var(--tw-bg-opacity));
+}
+
.object-cover {
-o-object-fit: cover;
object-fit: cover;
@@ -1371,18 +1384,18 @@ select {
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
-.shadow-sm {
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
.shadow {
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
+.shadow-sm {
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
.outline {
outline-style: solid;
}
diff --git a/src/_includes/posts.njk b/src/_includes/posts.njk
index 6d57289..47cbbb6 100644
--- a/src/_includes/posts.njk
+++ b/src/_includes/posts.njk
@@ -5,7 +5,7 @@
</head>
<body>
{% include "./partials/header.njk" %}
- <main class="container mx-auto max-w-5xl p-8 ">
+ <main class="container mx-auto max-w-5xl p-8">
<section class="w-full flex flex-col items-center px-3">
<article class="flex flex-col my-4">
<div class="flex flex-col justify-start p-6 ">
diff --git a/src/hire-me.njk b/src/hire-me.njk
index b579fc0..6c2f50a 100644
--- a/src/hire-me.njk
+++ b/src/hire-me.njk
@@ -4,7 +4,7 @@ title: Hire Me
---
<h2 class="text-2xl font-bold text-black p-2 text-center">Hire Me</h2>
<form action="https://getform.io/f/8fc9e444-7a4f-4f36-98b6-840a8ce7cb94" method="POST">
- <div class="mt-5 md:col-span-2 md:mt-0">
+ <div class="mt-5 md:col-span-2 md:mt-0 shadow">
<form action="https://getform.io/f/8fc9e444-7a4f-4f36-98b6-840a8ce7cb94" method="POST">
<div class="sm:overflow-hidden sm:rounded-md">
<div class="space-y-6 bg-white px-4 py-5 sm:p-6">
@@ -43,7 +43,7 @@ title: Hire Me
<label for="project-req" class="block text-sm font-medium text-gray-700">Requirement*</label>
<div class="mt-1">
<textarea id="project-req" name="project-req" rows="3" required
- class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"></textarea>
+ class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm resize-none"></textarea>
</div>
<p class="mt-2 text-sm text-gray-500">A short description of the project and requirements
</p>
diff --git a/src/images/itchio-logo-textless-white.png b/src/images/itchio-logo-textless-white.png
new file mode 100644
index 0000000..1a83050
Binary files /dev/null and b/src/images/itchio-logo-textless-white.png differ
--
cgit v1.2.3