fix: issue #1 button styling
This commit is contained in:
@@ -62,7 +62,7 @@
|
||||
<h2><%= dgettext("ui", "API Key Required") %></h2>
|
||||
<p><%= dgettext("ui", "Configure an API key in Settings to enable AI chat.") %></p>
|
||||
<div class="api-key-form">
|
||||
<button class="api-key-submit ui-button ui-button-primary" type="button" phx-click="open_chat_settings" phx-target={@myself}><%= dgettext("ui", "Open Settings") %></button>
|
||||
<button class="api-key-submit primary ui-button ui-button-primary" type="button" phx-click="open_chat_settings" phx-target={@myself}><%= dgettext("ui", "Open Settings") %></button>
|
||||
</div>
|
||||
</div>
|
||||
<% else %>
|
||||
@@ -154,7 +154,7 @@
|
||||
|
||||
<form class="chat-input-wrapper flex items-end gap-2" phx-change="change_chat_editor_input" phx-submit="send_chat_editor_message" phx-target={@myself}>
|
||||
<textarea class="chat-input chat-surface-input ui-textarea" name="message" rows="1" placeholder={dgettext("ui", "Type a message...")} disabled={@chat_editor.is_streaming}><%= @chat_editor.input %></textarea>
|
||||
<button class="chat-send-button ui-button ui-button-primary" data-testid="chat-send-button" type="button" phx-click="send_chat_editor_message" phx-target={@myself}>↑</button>
|
||||
<button class="chat-send-button primary ui-button ui-button-primary" data-testid="chat-send-button" type="button" phx-click="send_chat_editor_message" phx-target={@myself}>↑</button>
|
||||
</form>
|
||||
|
||||
<%= if @chat_editor.action_error do %>
|
||||
|
||||
@@ -74,7 +74,6 @@ defmodule BDS.Desktop.ShellLive.ContentState do
|
||||
|> assign(:tab_meta, tab_meta)
|
||||
|> assign(:task_status, task_status)
|
||||
|> assign(:offline_mode, offline_mode)
|
||||
|> assign(:assistant_cards, ShellData.assistant_cards())
|
||||
|> assign(:supported_ui_languages, ShellData.supported_ui_languages())
|
||||
|> assign(:menu_groups, socket.assigns[:menu_groups] || TitlebarMenu.groups())
|
||||
|> assign(:titlebar_menu_item_index, socket.assigns[:titlebar_menu_item_index])
|
||||
|
||||
@@ -840,7 +840,7 @@ defmodule BDS.Desktop.ShellLive.ImportEditor do
|
||||
<div class={["import-file-path", if(blank?(@import_editor.uploads_folder_path), do: "placeholder")]}>
|
||||
<%= @import_editor.uploads_folder_path || dgettext("ui", "No folder selected") %>
|
||||
</div>
|
||||
<button type="button" phx-click="select_import_uploads_folder" phx-target={@myself}><%= dgettext("ui", "Open") %></button>
|
||||
<button class="secondary ui-button ui-button-secondary" type="button" phx-click="select_import_uploads_folder" phx-target={@myself}><%= dgettext("ui", "Open") %></button>
|
||||
</div>
|
||||
|
||||
<div class="import-file-row">
|
||||
@@ -848,7 +848,7 @@ defmodule BDS.Desktop.ShellLive.ImportEditor do
|
||||
<div class={["import-file-path", if(blank?(@import_editor.wxr_file_path), do: "placeholder")]}>
|
||||
<%= @import_editor.wxr_file_path || dgettext("ui", "Select a file to analyze") %>
|
||||
</div>
|
||||
<button class="import-analyze-btn" type="button" phx-click="select_import_wxr_file" phx-target={@myself}><%= dgettext("ui", "Select & Analyze") %></button>
|
||||
<button class="import-analyze-btn primary ui-button ui-button-primary" type="button" phx-click="select_import_wxr_file" phx-target={@myself}><%= dgettext("ui", "Select & Analyze") %></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -944,7 +944,7 @@ defmodule BDS.Desktop.ShellLive.ImportEditor do
|
||||
<%= if @counts.pages > 0 do %><span class="import-count-tag"><%= @counts.pages %> <%= dgettext("ui", "pages") %></span><% end %>
|
||||
</div>
|
||||
|
||||
<button class="import-execute-btn" type="button" phx-click="execute_import_editor" phx-target={@myself} disabled={@counts.total == 0}>
|
||||
<button class="import-execute-btn primary ui-button ui-button-primary" type="button" phx-click="execute_import_editor" phx-target={@myself} disabled={@counts.total == 0}>
|
||||
<%= if @counts.total == 0 do %>
|
||||
<%= dgettext("ui", "Nothing to Import") %>
|
||||
<% else %>
|
||||
@@ -1000,7 +1000,7 @@ defmodule BDS.Desktop.ShellLive.ImportEditor do
|
||||
<%= if @sections.taxonomy do %>
|
||||
<div class="taxonomy-analyze-row">
|
||||
<div class="taxonomy-analyze-dropdown">
|
||||
<button class="taxonomy-analyze-btn" type="button" phx-click="toggle_import_ai_model_selector" phx-target={@myself}><%= dgettext("ui", "Analyze with...") %></button>
|
||||
<button class="taxonomy-analyze-btn secondary ui-button ui-button-secondary" type="button" phx-click="toggle_import_ai_model_selector" phx-target={@myself}><%= dgettext("ui", "Analyze with...") %></button>
|
||||
<%= if @import_editor.model_selector_open? do %>
|
||||
<div class="taxonomy-model-dropdown">
|
||||
<%= for model <- @import_editor.available_models do %>
|
||||
@@ -1012,7 +1012,7 @@ defmodule BDS.Desktop.ShellLive.ImportEditor do
|
||||
<% end %>
|
||||
</div>
|
||||
|
||||
<button class="taxonomy-analyze-btn" type="button" phx-click="analyze_import_taxonomy_ai" phx-target={@myself} disabled={Enum.empty?(@import_editor.available_models) and not @import_editor.offline?}>
|
||||
<button class="taxonomy-analyze-btn secondary ui-button ui-button-secondary" type="button" phx-click="analyze_import_taxonomy_ai" phx-target={@myself} disabled={Enum.empty?(@import_editor.available_models) and not @import_editor.offline?}>
|
||||
<%= @import_editor.selected_model_label %>
|
||||
</button>
|
||||
|
||||
@@ -1362,7 +1362,7 @@ defmodule BDS.Desktop.ShellLive.ImportEditor do
|
||||
list={"taxonomy-suggestions-#{@type}"}
|
||||
autocomplete="off"
|
||||
/>
|
||||
<button class="taxonomy-edit-btn" type="submit" title={dgettext("ui", "Map to...")}>✓</button>
|
||||
<button class="taxonomy-edit-btn secondary" type="submit" title={dgettext("ui", "Map to...")}>✓</button>
|
||||
<button class="taxonomy-edit-btn ghost" type="button" phx-click="cancel_import_taxonomy_edit" phx-target={@myself} title={dgettext("ui", "Cancel")}>×</button>
|
||||
<%= if present?(item.mapped_to) do %>
|
||||
<button class="taxonomy-clear-btn" type="button" phx-click="clear_import_taxonomy_mapping" phx-target={@myself} phx-value-type={@type} phx-value-name={item.name} title={dgettext("ui", "Clear mapping")}>×</button>
|
||||
|
||||
@@ -531,7 +531,7 @@
|
||||
><%= @assistant_prompt %></textarea>
|
||||
|
||||
<button
|
||||
class="assistant-sidebar-start-button ui-button ui-button-primary"
|
||||
class="assistant-sidebar-start-button primary ui-button ui-button-primary"
|
||||
data-testid="assistant-start-button"
|
||||
type="submit"
|
||||
disabled={String.trim(@assistant_prompt || "") == ""}
|
||||
@@ -540,16 +540,7 @@
|
||||
</button>
|
||||
</form>
|
||||
|
||||
<%= if Enum.empty?(@assistant_messages) do %>
|
||||
<div class="assistant-sidebar-welcome min-h-0 flex-1 overflow-auto">
|
||||
<%= for card <- @assistant_cards do %>
|
||||
<section class="assistant-card flex flex-col gap-1">
|
||||
<strong><%= card.label %></strong>
|
||||
<span><%= card.text %></span>
|
||||
</section>
|
||||
<% end %>
|
||||
</div>
|
||||
<% else %>
|
||||
<%= unless Enum.empty?(@assistant_messages) do %>
|
||||
<div class="assistant-sidebar-transcript min-h-0 flex-1 overflow-auto">
|
||||
<%= for message <- @assistant_messages do %>
|
||||
<article
|
||||
|
||||
@@ -85,7 +85,7 @@
|
||||
<button class="secondary ui-button ui-button-secondary" type="button" phx-click="replace_media_editor_file" phx-target={@myself}>
|
||||
<%= dgettext("ui", "Replace File") %>
|
||||
</button>
|
||||
<button class="ui-button ui-button-primary" data-testid="media-save-button" type="button" phx-click="save_media_editor" phx-target={@myself}>
|
||||
<button class="primary ui-button ui-button-primary" data-testid="media-save-button" type="button" phx-click="save_media_editor" phx-target={@myself}>
|
||||
<%= dgettext("ui", "Save") %>
|
||||
</button>
|
||||
<button
|
||||
@@ -211,7 +211,7 @@
|
||||
<div class="editor-field linked-posts-section flex flex-col gap-2">
|
||||
<label>
|
||||
<%= dgettext("ui", "Linked Posts") %>
|
||||
<button class="add-link-btn" type="button" phx-click="toggle_media_post_picker" phx-target={@myself}>
|
||||
<button class="add-link-btn secondary compact ui-button ui-button-secondary ui-button-compact" type="button" phx-click="toggle_media_post_picker" phx-target={@myself}>
|
||||
<%= dgettext("ui", "Link to Post") %>
|
||||
</button>
|
||||
</label>
|
||||
@@ -296,7 +296,7 @@
|
||||
</form>
|
||||
<div class="translation-modal-footer flex items-center justify-end gap-2">
|
||||
<button class="secondary ui-button ui-button-secondary" type="button" phx-click="close_media_translation_editor" phx-target={@myself}><%= dgettext("ui", "Cancel") %></button>
|
||||
<button class="ui-button ui-button-primary" type="button" phx-click="save_media_translation" phx-target={@myself}><%= dgettext("ui", "Save") %></button>
|
||||
<button class="primary ui-button ui-button-primary" type="button" phx-click="save_media_translation" phx-target={@myself}><%= dgettext("ui", "Save") %></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -39,8 +39,8 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="ai-suggestions-modal-footer">
|
||||
<button class="button-cancel" type="button" phx-click="close_overlay"><%= dgettext("ui", "Cancel") %></button>
|
||||
<button class="button-apply" type="button" phx-click="overlay_confirm"><%= dgettext("ui", "Apply Selected") %></button>
|
||||
<button class="button-cancel secondary ui-button ui-button-secondary" type="button" phx-click="close_overlay"><%= dgettext("ui", "Cancel") %></button>
|
||||
<button class="button-apply primary ui-button ui-button-primary" type="button" phx-click="overlay_confirm"><%= dgettext("ui", "Apply Selected") %></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -82,7 +82,7 @@
|
||||
<span class="insert-modal-label"><%= dgettext("ui", "Display Text") %></span>
|
||||
<input class="insert-modal-input" type="text" name="overlay[text]" value={@shell_overlay.external_text} />
|
||||
</label>
|
||||
<button class="insert-modal-submit" type="button" phx-click="overlay_insert_external"><%= dgettext("ui", "Insert") %></button>
|
||||
<button class="insert-modal-submit primary ui-button ui-button-primary" type="button" phx-click="overlay_insert_external"><%= dgettext("ui", "Insert") %></button>
|
||||
</form>
|
||||
<% end %>
|
||||
</div>
|
||||
@@ -162,8 +162,8 @@
|
||||
<% end %>
|
||||
</div>
|
||||
<div class="confirm-delete-modal-footer">
|
||||
<button class="button-cancel" type="button" phx-click="close_overlay"><%= dgettext("ui", "Cancel") %></button>
|
||||
<button class="button-delete" type="button" phx-click="overlay_confirm"><%= dgettext("ui", "Delete") %></button>
|
||||
<button class="button-cancel secondary ui-button ui-button-secondary" type="button" phx-click="close_overlay"><%= dgettext("ui", "Cancel") %></button>
|
||||
<button class="button-delete danger ui-button ui-button-danger" type="button" phx-click="overlay_confirm"><%= dgettext("ui", "Delete") %></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -180,8 +180,8 @@
|
||||
<div class="confirm-delete-message"><%= @shell_overlay.message %></div>
|
||||
</div>
|
||||
<div class="confirm-delete-modal-footer">
|
||||
<button class="button-cancel" type="button" phx-click="close_overlay"><%= dgettext("ui", "Cancel") %></button>
|
||||
<button class="button-apply" type="button" phx-click="overlay_confirm"><%= dgettext("ui", "Confirm") %></button>
|
||||
<button class="button-cancel secondary ui-button ui-button-secondary" type="button" phx-click="close_overlay"><%= dgettext("ui", "Cancel") %></button>
|
||||
<button class="button-apply primary ui-button ui-button-primary" type="button" phx-click="overlay_confirm"><%= dgettext("ui", "Confirm") %></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -394,7 +394,7 @@
|
||||
<div class="editor-toolbar-right ui-toolbar-group flex items-center gap-2">
|
||||
<%= if @post_editor.mode == :markdown do %>
|
||||
<button
|
||||
class="insert-post-link-button"
|
||||
class="insert-post-link-button secondary ui-button ui-button-secondary whitespace-nowrap"
|
||||
data-testid="editor-toolbar-overlay-button"
|
||||
type="button"
|
||||
phx-click="open_overlay"
|
||||
@@ -403,7 +403,7 @@
|
||||
<%= dgettext("ui", "Insert Link") %>
|
||||
</button>
|
||||
<button
|
||||
class="insert-media-button"
|
||||
class="insert-media-button secondary ui-button ui-button-secondary whitespace-nowrap"
|
||||
data-testid="editor-toolbar-overlay-button"
|
||||
type="button"
|
||||
phx-click="open_overlay"
|
||||
@@ -412,7 +412,7 @@
|
||||
<%= dgettext("ui", "Insert Media") %>
|
||||
</button>
|
||||
<button
|
||||
class="add-gallery-images-button"
|
||||
class="add-gallery-images-button secondary ui-button ui-button-secondary whitespace-nowrap"
|
||||
type="button"
|
||||
phx-click="add_gallery_images"
|
||||
phx-value-post-id={@post_editor.id}
|
||||
@@ -423,7 +423,7 @@
|
||||
|
||||
<%= if @post_editor.gallery_count > 0 do %>
|
||||
<button
|
||||
class="gallery-button"
|
||||
class="gallery-button secondary ui-button ui-button-secondary whitespace-nowrap"
|
||||
data-testid="editor-toolbar-overlay-button"
|
||||
type="button"
|
||||
phx-click="open_overlay"
|
||||
|
||||
Reference in New Issue
Block a user