🐛 fixes version select position

fixes #399
This commit is contained in:
Greg Newman
2023-06-01 18:31:20 -04:00
parent 783e535dd0
commit 9b988a5763
2 changed files with 13 additions and 9 deletions

View File

@@ -1045,10 +1045,6 @@ input[type=file] {
float: right;
}
.\!float-right {
float: right !important;
}
.float-left {
float: left;
}
@@ -1433,6 +1429,10 @@ input[type=file] {
min-width: 0px;
}
.min-w-\[100px\] {
min-width: 100px;
}
.max-w-md {
max-width: 28rem;
}
@@ -2806,8 +2806,8 @@ input[type=file] {
width: 33.333333%;
}
.md\:min-w-\[300px\] {
min-width: 300px;
.md\:min-w-\[150px\] {
min-width: 150px;
}
.md\:max-w-7xl {
@@ -3040,6 +3040,10 @@ input[type=file] {
}
@media (min-width: 1024px) {
.lg\:min-w-\[300px\] {
min-width: 300px;
}
.lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}

View File

@@ -33,7 +33,7 @@
<form action="/libraries/" method="get">
<div class="flex space-x-3">
<div class="flex relative space-x-3">
<!-- Search -->
<div class="relative">
<span class="flex absolute top-2 right-3 items-center pl-2">
@@ -42,7 +42,7 @@
</button>
</span>
<input @click="showSearch = true; $nextTick(() => { setTimeout(() => { document.getElementById('q').focus(); }, 300);});"
type="search" name="q" class="py-2 px-3 text-sm bg-white rounded-md border-gray-300 md:w-1/3 text-sky-600 md:min-w-[300px] dark:text-orange dark:border-slate dark:bg-charcoal focus:text-charcoal" type="text" value="" placeholder="Search" />
type="search" name="q" class="py-2 px-3 text-sm bg-white rounded-md border-gray-300 min-w-[100px] text-sky-600 md:min-w-[150px] lg:min-w-[300px] dark:text-orange dark:border-slate dark:bg-charcoal focus:text-charcoal" type="text" value="" placeholder="Search" />
</div>
<!-- Select a category -->
@@ -67,7 +67,7 @@
<!-- Select a version -->
<select onchange="this.form.submit()"
name="version"
class="inline-block float-right py-2 pr-8 pl-5 mb-3 text-sm bg-white rounded-md border border-gray-300 cursor-pointer sm:inline-block md:mb-0 md:w-auto dark:bg-black text-sky-600 dark:text-orange dark:border-slate"
class="absolute right-0 py-2 pr-8 pl-5 mb-3 text-sm bg-white rounded-md border border-gray-300 cursor-pointer sm:inline-block md:mb-0 md:w-auto dark:bg-black text-sky-600 dark:text-orange dark:border-slate"
id="id_version">
{% for v in versions %}
<option value="{{ v.slug }}" {% if version == v %}selected="selected"{% endif %}>{{ v.display_name }}</option>