efim
/
Learning-HTMX
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: size errors in img and select

This commit is contained in:
efim 2023-09-24 14:03:25 +00:00
parent ff296f84eb
commit 43daef0455
2 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
16-countries-page-from-api/src/main/resources/public/output.css
View File

@ -635,6 +635,10 @@ video {
height: 1.25rem;
}
.max-h-60 {
max-height: 15rem;
}
.w-16 {
width: 4rem;
}
@ -876,6 +880,11 @@ video {
padding-right: 1.25rem;
}
.px-7 {
padding-left: 1.75rem;
padding-right: 1.75rem;
}
.pb-8 {
padding-bottom: 2rem;
}

4
16-countries-page-from-api/src/main/resources/templates/index.html
View File

@ -66,7 +66,7 @@
<form>
<select
name="region"
class="block w-62 mt-1 h-12 w-64 bg-white shadow-md rounded-md shadow-sm focus:outline-none"
class="block w-62 mt-1 h-12 w-64 bg-white shadow-md rounded-md shadow-sm focus:outline-none px-7"
hx-get="/"
hx-target="#countries-main-list"
hx-select="#countries-main-list"
@ -114,7 +114,7 @@
th:src="${country.flag}"
alt="flag of Germany"
th:alt="|flag of ${country.name}|"
class="rounded-t-lg"
class="rounded-t-lg max-h-60"
/>
<section class="p-8 space-y-3">
<h2 class="text-2xl font-bold" th:text="${country.name}">