[fix] calendar and grand prix not prosed

[func] _blank on visit site
main
yaemiku 2022-07-23 23:08:10 +02:00
parent f959cfc9e8
commit bdeb860fa7
Signed by: podlaskizbs
GPG Key ID: ADC039636B3E4AAB
5 changed files with 118 additions and 144 deletions

View File

@ -1165,35 +1165,14 @@ select {
margin-right: auto; margin-right: auto;
} }
.my-4 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.mb-0 { .mb-0 {
margin-bottom: 0px; margin-bottom: 0px;
} }
.mt-\[40px\] {
margin-top: 40px;
}
.mb-\[20px\] {
margin-bottom: 20px;
}
.ml-\[-12px\] {
margin-left: -12px;
}
.mb-4 { .mb-4 {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.mt-20 {
margin-top: 5rem;
}
.mt-8 { .mt-8 {
margin-top: 2rem; margin-top: 2rem;
} }
@ -1230,10 +1209,6 @@ select {
display: none; display: none;
} }
.aspect-1 {
aspect-ratio: 1;
}
.h-\[40px\] { .h-\[40px\] {
height: 40px; height: 40px;
} }
@ -1246,14 +1221,6 @@ select {
height: 100vh; height: 100vh;
} }
.h-12 {
height: 3rem;
}
.h-16 {
height: 4rem;
}
.max-h-12 { .max-h-12 {
max-height: 3rem; max-height: 3rem;
} }
@ -1270,18 +1237,6 @@ select {
width: 48px; width: 48px;
} }
.w-auto {
width: auto;
}
.w-16 {
width: 4rem;
}
.w-12 {
width: 3rem;
}
.min-w-\[145px\] { .min-w-\[145px\] {
min-width: 145px; min-width: 145px;
} }
@ -1318,26 +1273,14 @@ select {
place-items: center; place-items: center;
} }
.items-end {
align-items: flex-end;
}
.items-center { .items-center {
align-items: center; align-items: center;
} }
.justify-end {
justify-content: flex-end;
}
.justify-center { .justify-center {
justify-content: center; justify-content: center;
} }
.justify-between {
justify-content: space-between;
}
.justify-around { .justify-around {
justify-content: space-around; justify-content: space-around;
} }
@ -1346,14 +1289,14 @@ select {
gap: 1rem; gap: 1rem;
} }
.gap-6 {
gap: 1.5rem;
}
.gap-3 { .gap-3 {
gap: 0.75rem; gap: 0.75rem;
} }
.gap-6 {
gap: 1.5rem;
}
.self-end { .self-end {
align-self: flex-end; align-self: flex-end;
} }
@ -1409,14 +1352,14 @@ select {
background-color: rgb(249 250 251 / var(--tw-bg-opacity)); background-color: rgb(249 250 251 / var(--tw-bg-opacity));
} }
.p-4 {
padding: 1rem;
}
.p-2 { .p-2 {
padding: 0.5rem; padding: 0.5rem;
} }
.p-4 {
padding: 1rem;
}
.py-4 { .py-4 {
padding-top: 1rem; padding-top: 1rem;
padding-bottom: 1rem; padding-bottom: 1rem;
@ -1436,10 +1379,6 @@ select {
padding-bottom: 0.25rem; padding-bottom: 0.25rem;
} }
.pr-\[50px\] {
padding-right: 50px;
}
.pt-0 { .pt-0 {
padding-top: 0px; padding-top: 0px;
} }
@ -1458,30 +1397,34 @@ select {
.text-4xl { .text-4xl {
font-size: 2.25rem; font-size: 2.25rem;
line-height: 2.5rem;
} }
.text-xl { .text-xl {
font-size: 1.25rem; font-size: 1.25rem;
line-height: 1.75rem;
} }
.text-3xl { .text-3xl {
font-size: 1.875rem; font-size: 1.875rem;
line-height: 2.25rem;
}
.text-\[13px\] {
font-size: 13px;
} }
.text-\[15px\] { .text-\[15px\] {
font-size: 15px; font-size: 15px;
} }
.text-\[13px\] {
font-size: 13px;
}
.text-\[5rem\] {
font-size: 5rem;
}
.text-5xl { .text-5xl {
font-size: 3rem; font-size: 3rem;
line-height: 1; }
.text-\[2\.25rem\] {
font-size: 2.25rem;
} }
.font-semibold { .font-semibold {
@ -1500,6 +1443,10 @@ select {
font-weight: 500; font-weight: 500;
} }
.font-extrabold {
font-weight: 800;
}
.lowercase { .lowercase {
text-transform: lowercase; text-transform: lowercase;
} }
@ -1516,6 +1463,10 @@ select {
line-height: 1.5; line-height: 1.5;
} }
.leading-\[1\.1rem\] {
line-height: 1.1rem;
}
.tracking-normal { .tracking-normal {
letter-spacing: 0em; letter-spacing: 0em;
} }
@ -1605,25 +1556,10 @@ select {
} }
.prose-h3\:text-xs :is(:where(h3):not(:where([class~="not-prose"] *))) { .prose-h3\:text-xs :is(:where(h3):not(:where([class~="not-prose"] *))) {
font-size: 0.75rem; font-size: .75rem;
line-height: 1rem;
}
@media (min-width: 768px) {
.md\:ml-\[-12px\] {
margin-left: -12px;
}
.md\:items-end {
align-items: flex-end;
}
} }
@media (min-width: 1024px) { @media (min-width: 1024px) {
.lg\:ml-\[-12px\] {
margin-left: -12px;
}
.lg\:grid-cols-2 { .lg\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: repeat(2, minmax(0, 1fr));
} }

View File

@ -6,53 +6,67 @@
*/ */
module.exports = { module.exports = {
content: [ content: [
/** /**
* HTML. Paths to Django template files that will contain Tailwind CSS classes. * HTML. Paths to Django template files that will contain Tailwind CSS classes.
*/ */
/* Templates within theme app (<tailwind_app_name>/templates), e.g. base.html. */ /* Templates within theme app (<tailwind_app_name>/templates), e.g. base.html. */
'../templates/**/*.html', "../templates/**/*.html",
/* /*
* Main templates directory of the project (BASE_DIR/templates). * Main templates directory of the project (BASE_DIR/templates).
* Adjust the following line to match your project structure. * Adjust the following line to match your project structure.
*/ */
'../../templates/**/*.html', "../../templates/**/*.html",
/*
* Templates in other django apps (BASE_DIR/<any_app_name>/templates).
* Adjust the following line to match your project structure.
*/
'../../**/templates/**/*.html',
/** /*
* JS: If you use Tailwind CSS in JavaScript, uncomment the following lines and make sure * Templates in other django apps (BASE_DIR/<any_app_name>/templates).
* patterns match your project structure. * Adjust the following line to match your project structure.
*/ */
/* JS 1: Ignore any JavaScript in node_modules folder. */ "../../**/templates/**/*.html",
// '!../../**/node_modules',
/* JS 2: Process all JavaScript files in the project. */
// '../../**/*.js',
/** /**
* Python: If you use Tailwind CSS classes in Python, uncomment the following line * JS: If you use Tailwind CSS in JavaScript, uncomment the following lines and make sure
* and make sure the pattern below matches your project structure. * patterns match your project structure.
*/ */
// '../../**/*.py' /* JS 1: Ignore any JavaScript in node_modules folder. */
], // '!../../**/node_modules',
theme: { /* JS 2: Process all JavaScript files in the project. */
extend: {}, // '../../**/*.js',
/**
* Python: If you use Tailwind CSS classes in Python, uncomment the following line
* and make sure the pattern below matches your project structure.
*/
// '../../**/*.py'
],
theme: {
fontSize: {
xs: ".75rem",
sm: ".875rem",
tiny: ".875rem",
base: "1rem",
lg: "1.125rem",
xl: "1.25rem",
"2xl": "1.5rem",
"3xl": "1.875rem",
"4xl": "2.25rem",
"5xl": "3rem",
"6xl": "4rem",
"7xl": "5rem",
}, },
plugins: [ extend: {},
/** },
* '@tailwindcss/forms' is the forms plugin that provides a minimal styling plugins: [
* for forms. If you don't like it or have own styling for forms, /**
* comment the line below to disable '@tailwindcss/forms'. * '@tailwindcss/forms' is the forms plugin that provides a minimal styling
*/ * for forms. If you don't like it or have own styling for forms,
require('@tailwindcss/forms'), * comment the line below to disable '@tailwindcss/forms'.
require('@tailwindcss/typography'), */
require('@tailwindcss/line-clamp'), require("@tailwindcss/forms"),
require('@tailwindcss/aspect-ratio'), require("@tailwindcss/typography"),
], require("@tailwindcss/line-clamp"),
} require("@tailwindcss/aspect-ratio"),
],
};

View File

@ -3,12 +3,14 @@
<div class="flex flex-col items-center gap-4"> <div class="flex flex-col items-center gap-4">
{% for calendar in calendars %} {% for calendar in calendars %}
<article <article
class="prose w-full py-4 prose-h1:text-center {% if forloop.first %} pt-0 {% endif %} {% if not forloop.last %} border-b border-stone-200 {% endif %}" class="w-full py-4 {% if forloop.first %} pt-0 {% endif %} {% if not forloop.last %} border-b border-stone-200 {% endif %}"
> >
<h1>Kalendarz {{ calendar.year }}</h1> <h1 class="text-[2.25rem] font-extrabold text-center">
Kalendarz {{ calendar.year }}
</h1>
<div>{{ calendar.content | safe }}</div> <div>{{ calendar.content | safe }}</div>
</article> </article>
{% empty %} {% empty %}
<span class="py-4 text-xl">Brak dokumentów</span> <span class="py-4 text-xl">Brak kalendarzy</span>
{% endfor %} {% endblock %} {% endfor %} {% endblock %}
</div> </div>

View File

@ -1,7 +1,9 @@
{% extends 'base.html' %} {% block title %}Strona główna | pdlzbs{% endblock %} {% extends 'base.html' %} {% block title %}Strona główna | pdlzbs{% endblock %}
{% load static tailwind_tags %} {% block content %} {% load static tailwind_tags %} {% block content %}
<article class="prose prose-h1:text-center mx-auto"> <article class="w-full">
<h1>Grand Prix Białegostoku</h1> <h1 class="text-[2.25rem] font-extrabold text-center">
Grand Prix Białegostoku
</h1>
<div>{{ gp.content | safe }}</div> <div>{{ gp.content | safe }}</div>
</article> </article>
{% endblock %} {% endblock %}

View File

@ -1,4 +1,8 @@
{% extends 'admin/base.html' %} {% block extrahead %}{{ block.super }} {% extends 'admin/base.html' %}
{% load i18n admin_urls %}
{% block extrastyle %}
{{ block.super }}
<style> <style>
:root { :root {
--primary: #79aec8; --primary: #79aec8;
@ -53,3 +57,19 @@
} }
</style> </style>
{% endblock %} {% endblock %}
{% block userlinks %}
{% if site_url %}
<a href="{{ site_url }}" target="_blank">{% translate 'View site' %}</a> /
{% endif %}
{% if user.is_active and user.is_staff %}
{% url 'django-admindocs-docroot' as docsroot %}
{% if docsroot %}
<a href="{{ docsroot }}">{% translate 'Documentation' %}</a> /
{% endif %}
{% endif %}
{% if user.has_usable_password %}
<a href="{% url 'admin:password_change' %}">{% translate 'Change password' %}</a> /
{% endif %}
<a href="{% url 'admin:logout' %}">{% translate 'Log out' %}</a>
{% endblock %}