bterkuile/fizzy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Center thinking indicator, make input size/position consistent

Browse Source
This commit is contained in:
Jason Zimdars
2025-08-21 20:15:37 -05:00
committed by Stanko K.R.
parent b2ac817d5b
commit 0aa18f4d3a
4 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/stylesheets/conversation.css
+3 -2
View File
@@ -15,7 +15,7 @@
--input-padding: 0.1em;
border-width: 0 0 1px;
max-inline-size: 40ch;
max-inline-size: 50ch;
}
.conversation__message {
@@ -79,8 +79,9 @@
}
.conversation__thinking-indicator {
inset: auto auto var(--footer-height) calc(var(--block-space) * -1.5);
inset: auto auto var(--footer-height) 50%;
position: absolute;
transform: translateX(-50%);
.spinner {
display: none;
app/assets/stylesheets/search.css
+1 -2
View File
@@ -24,8 +24,7 @@
--input-padding: 0.1em;
border-width: 0 0 1px;
max-inline-size: 40ch;
max-inline-size: 50ch;
&::-webkit-search-cancel-button {
--clear-icon-size: 0.75rem;
app/views/conversations/_composer.html.erb
+1 -1
View File
@@ -1,5 +1,5 @@
<%= form_with model: Conversation::Message.new, local: true,
class: "conversation__composer flex align-center position-relative gap-half",
class: "conversation__composer flex align-center justify-center gap-half",
data: {
turbo_frame: "conversation",
action: "turbo:submit-end->conversation--composer#submitEnd",
app/views/searches/_form.html.erb
+1 -1
View File
@@ -1,4 +1,4 @@
<%= form_with url: search_path, method: :get, class: "search__form flex align-center gap-half", data: { turbo_frame: "bar-content" } do |form| %>
<%= form_with url: search_path, method: :get, class: "search__form flex align-center justify-center gap-half", data: { turbo_frame: "bar-content" } do |form| %>
<%= form.label :q, "Search Fizzy", class: "font-weight-black txt-nowrap" %>
<%= text_field_tag :q, query_terms,
class: "search__form-input input",