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

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

@ -66,7 +66,7 @@
<form> <form>
<select <select
name="region" 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-get="/"
hx-target="#countries-main-list" hx-target="#countries-main-list"
hx-select="#countries-main-list" hx-select="#countries-main-list"
@ -114,7 +114,7 @@
th:src="${country.flag}" th:src="${country.flag}"
alt="flag of Germany" alt="flag of Germany"
th:alt="|flag of ${country.name}|" th:alt="|flag of ${country.name}|"
class="rounded-t-lg" class="rounded-t-lg max-h-60"
/> />
<section class="p-8 space-y-3"> <section class="p-8 space-y-3">
<h2 class="text-2xl font-bold" th:text="${country.name}"> <h2 class="text-2xl font-bold" th:text="${country.name}">