podlaskizbs
/
pdlzbs
0
0
Fork 0
Code Pull Requests Releases Activity

[fix] green buttons shenanigans

main
yaemiku 2022-08-18 03:15:30 +02:00
parent 24e43d8c79
commit a51f3bef43
Signed by: podlaskizbs
GPG Key ID: ADC039636B3E4AAB
3 changed files with 199 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
core/templates/base.html
View File

@ -34,13 +34,13 @@
<body class="antialiased flex flex-col gap-4 bg-stone-50"> <body class="antialiased flex flex-col gap-4 bg-stone-50">
<header class="w-full bg-white shadow-md border-b border-slate-400 pb-1"> <header class="w-full bg-white shadow-md border-b border-slate-400 pb-1">
<div <nav
class="m-4 container flex flex-col lg:flex-row items-center lg:items-start justify-around mx-auto" class="m-4 container flex flex-col lg:flex-row items-center lg:items-start justify-center mx-auto"
> >
<div class="self-center"> <div class="self-center">
<img class="max-h-[200px]" src="{% static 'podlzbs.jpg' %}" alt="" /> <img class="max-h-[200px]" src="{% static 'podlzbs.jpg' %}" alt="" />
</div> </div>
<div class="flex flex-col lg:self-end"> <div class="flex flex-col lg:self-end w-full">
<div class="mb-4 mx-auto p-2 text-center"> <div class="mb-4 mx-auto p-2 text-center">
<h1> <h1>
Podlaski Związek <br /> Podlaski Związek <br />
@ -48,45 +48,39 @@
</h1> </h1>
</div> </div>
{% if nav %} {% if nav %}
<nav>
<ul
class="flex flex-wrap justify-center lg:items-end gap-3 text-[15px] leading-5 m-2"
>
{% for button in nav %}
<li>
<a
class="nbutton home {% if button.href == '/' %}{{ home }}{% elif button.href in request.path %}active{% endif %}"
href="{{ button.href }}"
target="{% if button.blank %}_blank{% else %}_self{% endif %}"
>{{ button.title }}</a
>
</li>
{% endfor %}
</ul>
</nav>
{% endif %}
</div>
{% if uppernav %}
<nav>
<ul <ul
class="flex flex-wrap justify-center lg:items-end gap-3 text-[15px] leading-5 m-2" class="flex flex-wrap justify-center lg:items-end gap-3 text-[15px] leading-5 my-2"
> >
{% for button in uppernav %} {% for button in nav %}
<li title="{{ button.title }}"> <li>
<a <a
class="nbutton home {% if button.href == '/' %}{{ home }}{% elif button.href in request.path %}active{% endif %}"
href="{{ button.href }}" href="{{ button.href }}"
target="{% if button.blank %}_blank{% else %}_self{% endif %}" target="{% if button.blank %}_blank{% else %}_self{% endif %}"
><img >{{ button.title }}</a
class="max-h-12" >
src="{{ button.photo.url }}"
alt="{{ button.title }}"
/></a>
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
</nav> {% endif %}
</div>
{% if uppernav %}
<ul class="flex flex-wrap justify-center lg:w-40 gap-3 lg:m-0 mt-2">
{% for button in uppernav %}
<li title="{{ button.title }}">
<a
href="{{ button.href }}"
target="{% if button.blank %}_blank{% else %}_self{% endif %}"
><img
class="max-h-12"
src="{{ button.photo.url }}"
alt="{{ button.title }}"
/></a>
</li>
{% endfor %}
</ul>
{% endif %} {% endif %}
</div> </nav>
</header> </header>
<main <main
class="container xl:max-w-screen-xl mx-auto p-4 prose-img:my-1 prose-p:my-[0.3em]" class="container xl:max-w-screen-xl mx-auto p-4 prose-img:my-1 prose-p:my-[0.3em]"

94
static/css/dist/styles.css vendored
View File

@ -1270,6 +1270,10 @@ select {
margin: 0.5rem; margin: 0.5rem;
} }
.m-0 {
margin: 0px;
}
.mx-auto { .mx-auto {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@ -1280,6 +1284,11 @@ select {
margin-bottom: 0px; margin-bottom: 0px;
} }
.my-2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.mb-2 { .mb-2 {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
@ -1304,10 +1313,6 @@ select {
margin-bottom: auto; margin-bottom: auto;
} }
.mt-0 {
margin-top: 0px;
}
.mt-2 { .mt-2 {
margin-top: 0.5rem; margin-top: 0.5rem;
} }
@ -1348,6 +1353,16 @@ select {
height: 100vh; height: 100vh;
} }
.h-12 {
height: 3rem;
}
.h-max {
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
}
.max-h-\[200px\] { .max-h-\[200px\] {
max-height: 200px; max-height: 200px;
} }
@ -1360,6 +1375,24 @@ select {
max-height: 18rem; max-height: 18rem;
} }
.min-h-min {
min-height: -webkit-min-content;
min-height: -moz-min-content;
min-height: min-content;
}
.min-h-fit {
min-height: -webkit-fit-content;
min-height: -moz-fit-content;
min-height: fit-content;
}
.min-h-max {
min-height: -webkit-max-content;
min-height: -moz-max-content;
min-height: max-content;
}
.w-full { .w-full {
width: 100%; width: 100%;
} }
@ -1368,6 +1401,10 @@ select {
width: 9rem; width: 9rem;
} }
.w-auto {
width: auto;
}
.max-w-screen-lg { .max-w-screen-lg {
max-width: 1024px; max-width: 1024px;
} }
@ -1384,6 +1421,14 @@ select {
max-width: 768px; max-width: 768px;
} }
.shrink {
flex-shrink: 1;
}
.grow {
flex-grow: 1;
}
.basis-1\/2 { .basis-1\/2 {
flex-basis: 50%; flex-basis: 50%;
} }
@ -1400,6 +1445,10 @@ select {
resize: both; resize: both;
} }
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-col { .flex-col {
flex-direction: column; flex-direction: column;
} }
@ -1589,6 +1638,11 @@ select {
line-height: 1; line-height: 1;
} }
.text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.font-medium { .font-medium {
font-weight: 500; font-weight: 500;
} }
@ -1621,6 +1675,14 @@ select {
line-height: 1.5; line-height: 1.5;
} }
.leading-3 {
line-height: .75rem;
}
.leading-4 {
line-height: 1rem;
}
.tracking-normal { .tracking-normal {
letter-spacing: 0em; letter-spacing: 0em;
} }
@ -1799,20 +1861,36 @@ h4 {
margin-bottom: 0.3em; margin-bottom: 0.3em;
} }
.prose-figure\:mt-0 :is(:where(figure):not(:where([class~="not-prose"] *))) {
margin-top: 0px;
}
.prose-img\:my-1 :is(:where(img):not(:where([class~="not-prose"] *))) { .prose-img\:my-1 :is(:where(img):not(:where([class~="not-prose"] *))) {
margin-top: 0.25rem; margin-top: 0.25rem;
margin-bottom: 0.25rem; margin-bottom: 0.25rem;
} }
@media (min-width: 1024px) { @media (min-width: 1024px) {
.lg\:m-0 {
margin: 0px;
}
.lg\:w-screen { .lg\:w-screen {
width: 100vw; width: 100vw;
} }
.lg\:w-10 {
width: 2.5rem;
}
.lg\:w-40 {
width: 10rem;
}
.lg\:max-w-md {
max-width: 28rem;
}
.lg\:max-w-xs {
max-width: 20rem;
}
.lg\:flex-row { .lg\:flex-row {
flex-direction: row; flex-direction: row;
} }

86
theme/static/css/dist/styles.css vendored
View File

@ -1270,6 +1270,10 @@ select {
margin: 0.5rem; margin: 0.5rem;
} }
.m-0 {
margin: 0px;
}
.mx-auto { .mx-auto {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@ -1280,6 +1284,11 @@ select {
margin-bottom: 0px; margin-bottom: 0px;
} }
.my-2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.mb-2 { .mb-2 {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
@ -1344,6 +1353,16 @@ select {
height: 100vh; height: 100vh;
} }
.h-12 {
height: 3rem;
}
.h-max {
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
}
.max-h-\[200px\] { .max-h-\[200px\] {
max-height: 200px; max-height: 200px;
} }
@ -1356,6 +1375,24 @@ select {
max-height: 18rem; max-height: 18rem;
} }
.min-h-min {
min-height: -webkit-min-content;
min-height: -moz-min-content;
min-height: min-content;
}
.min-h-fit {
min-height: -webkit-fit-content;
min-height: -moz-fit-content;
min-height: fit-content;
}
.min-h-max {
min-height: -webkit-max-content;
min-height: -moz-max-content;
min-height: max-content;
}
.w-full { .w-full {
width: 100%; width: 100%;
} }
@ -1364,6 +1401,10 @@ select {
width: 9rem; width: 9rem;
} }
.w-auto {
width: auto;
}
.max-w-screen-lg { .max-w-screen-lg {
max-width: 1024px; max-width: 1024px;
} }
@ -1380,6 +1421,14 @@ select {
max-width: 768px; max-width: 768px;
} }
.shrink {
flex-shrink: 1;
}
.grow {
flex-grow: 1;
}
.basis-1\/2 { .basis-1\/2 {
flex-basis: 50%; flex-basis: 50%;
} }
@ -1396,6 +1445,10 @@ select {
resize: both; resize: both;
} }
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-col { .flex-col {
flex-direction: column; flex-direction: column;
} }
@ -1585,6 +1638,11 @@ select {
line-height: 1; line-height: 1;
} }
.text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.font-medium { .font-medium {
font-weight: 500; font-weight: 500;
} }
@ -1617,6 +1675,14 @@ select {
line-height: 1.5; line-height: 1.5;
} }
.leading-3 {
line-height: .75rem;
}
.leading-4 {
line-height: 1rem;
}
.tracking-normal { .tracking-normal {
letter-spacing: 0em; letter-spacing: 0em;
} }
@ -1801,10 +1867,30 @@ h4 {
} }
@media (min-width: 1024px) { @media (min-width: 1024px) {
.lg\:m-0 {
margin: 0px;
}
.lg\:w-screen { .lg\:w-screen {
width: 100vw; width: 100vw;
} }
.lg\:w-10 {
width: 2.5rem;
}
.lg\:w-40 {
width: 10rem;
}
.lg\:max-w-md {
max-width: 28rem;
}
.lg\:max-w-xs {
max-width: 20rem;
}
.lg\:flex-row { .lg\:flex-row {
flex-direction: row; flex-direction: row;
} }