🎨 adjusments to library list and footer

This commit is contained in:
Greg Newman
2023-04-28 09:57:07 -04:00
parent 3654f702eb
commit 8d561bccd9
3 changed files with 38 additions and 11 deletions

View File

@@ -1773,6 +1773,21 @@ input[type=file] {
border-color: rgb(90 213 153 / 0.4);
}
.border-gray-600 {
--tw-border-opacity: 1;
border-color: rgb(75 85 99 / var(--tw-border-opacity));
}
.border-gray-500 {
--tw-border-opacity: 1;
border-color: rgb(107 114 128 / var(--tw-border-opacity));
}
.border-gray-400 {
--tw-border-opacity: 1;
border-color: rgb(156 163 175 / var(--tw-border-opacity));
}
.bg-red-600 {
--tw-bg-opacity: 1;
background-color: rgb(220 38 38 / var(--tw-bg-opacity));
@@ -1828,6 +1843,14 @@ input[type=file] {
background-color: transparent;
}
.bg-green\/30 {
background-color: rgb(90 213 153 / 0.3);
}
.bg-green\/20 {
background-color: rgb(90 213 153 / 0.2);
}
.bg-opacity-70 {
--tw-bg-opacity: 0.7;
}
@@ -2227,10 +2250,6 @@ input[type=file] {
color: rgb(255 255 255 / 0.6);
}
.text-white\/70 {
color: rgb(255 255 255 / 0.7);
}
.text-slate\/80 {
color: rgb(49 74 87 / 0.8);
}
@@ -2285,6 +2304,10 @@ input[type=file] {
color: rgb(181 201 211 / var(--tw-text-opacity));
}
.text-white\/70 {
color: rgb(255 255 255 / 0.7);
}
.text-gray-200 {
--tw-text-opacity: 1;
color: rgb(229 231 235 / var(--tw-text-opacity));
@@ -2484,6 +2507,10 @@ input[type=file] {
background-color: rgb(49 74 87 / var(--tw-bg-opacity));
}
.dark .dark\:bg-green\/10 {
background-color: rgb(90 213 153 / 0.1);
}
.dark .dark\:font-medium {
font-weight: 500;
}
@@ -2498,6 +2525,10 @@ input[type=file] {
color: rgb(255 159 0 / var(--tw-text-opacity));
}
.dark .dark\:text-white\/70 {
color: rgb(255 255 255 / 0.7);
}
.dark .dark\:text-white\/50 {
color: rgb(255 255 255 / 0.5);
}
@@ -2534,10 +2565,6 @@ input[type=file] {
color: rgb(147 197 253 / 0.6);
}
.dark .dark\:text-white\/70 {
color: rgb(255 255 255 / 0.7);
}
.dark .dark\:ring-gray-500 {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));

View File

@@ -17,7 +17,7 @@
</div>
<div class="hidden mt-5 max-w-md sm:flex md:mt-8">
<div class="rounded-md shadow">
<a href="{% url 'account_signup' %}" class="flex justify-center items-center py-3 px-8 w-full text-base font-medium rounded-md border md:py-3 md:px-8 md:text-lg border-orange text-orange">Sign Up > </a>
<a href="{% url 'account_signup' %}" class="flex justify-center items-center py-3 px-8 w-full text-base font-medium text-white rounded-md border md:py-3 md:px-8 md:text-lg border-orange bg-orange dark:text-orange dark:bg-charcoal">Sign Up <i class="pl-2 text-white fas fa-chevron-right dark:text-orange"></i> </a>
</div>
</div>
</div>

View File

@@ -2,7 +2,7 @@
<div class="relative content-between p-3 bg-white rounded md:p-5 dark:bg-charcoal">
<div class="">
<h3 class="pb-2 text-2xl capitalize border-b border-slate">
<h3 class="pb-2 text-2xl capitalize border-b border-gray-300 dark:border-slate">
<a class="text-orange" href="
{% if version_slug %}
{% url 'library-detail-by-version' version_slug=version_slug slug=library.slug %}
@@ -19,7 +19,7 @@
<p class="mb-3 text-gray-700 dark:text-gray-300">{{ library.description }}</p>
</div>
<div class="text-sm flex py-3 bottom-0 absolute w-[90%]">
<div class="w-1/6"><span class="py-1 px-2 text-sm font-bold text-gray-400 rounded-full border border-green/40 hover:bg-green/40">{{ library.cpp_standard_minimum }}</span></div>
<div class="w-1/6"><span class="py-1 px-2 text-sm font-bold text-gray-400 rounded-full border bg-green/20 border-green/40 dark:bg-green/10">{{ library.cpp_standard_minimum }}</span></div>
<div class="w-1/6 tracking-wider text-charcoal dark:text-white/60">2yrs</div>
<div class="w-4/6 text-right dark:text-gray-400 text-slate">
{% for c in library.categories.all %}