improve styling

This commit is contained in:
shibao 2022-10-26 22:08:54 -04:00
parent 3dd74cf904
commit 67b3ae0b20
8 changed files with 130 additions and 33 deletions

View File

@ -39,9 +39,9 @@
} }
.btn-alert { .btn-alert {
@apply bg-red-600 focus:bg-red-700 active:bg-red-800; @apply bg-red-700 focus:bg-red-800 active:bg-red-900;
@apply border-red-600 focus:border-red-700 active:border-red-800; @apply border-red-700 focus:border-red-800 active:border-red-900;
@apply text-primary-400; @apply text-primary-300;
} }
.hr { .hr {

View File

@ -35,8 +35,8 @@ defmodule MemexWeb.Components.Topbar do
text-lg text-primary-400 text-ellipsis"> text-lg text-primary-400 text-ellipsis">
<%= if @current_user do %> <%= if @current_user do %>
<li class="mx-2 my-1"> <li class="mx-2 my-1">
<%= live_redirect(gettext("Pipelines"), <%= live_redirect(gettext("Notes"),
to: Routes.pipeline_index_path(Endpoint, :index), to: Routes.note_index_path(Endpoint, :index),
class: "text-primary-400 text-primary-400 hover:underline truncate" class: "text-primary-400 text-primary-400 hover:underline truncate"
) %> ) %>
</li> </li>
@ -49,29 +49,13 @@ defmodule MemexWeb.Components.Topbar do
</li> </li>
<li class="mx-2 my-1"> <li class="mx-2 my-1">
<%= live_redirect(gettext("Notes"), <%= live_redirect(gettext("Pipelines"),
to: Routes.note_index_path(Endpoint, :index), to: Routes.pipeline_index_path(Endpoint, :index),
class: "text-primary-400 text-primary-400 hover:underline truncate" class: "text-primary-400 text-primary-400 hover:underline truncate"
) %> ) %>
</li> </li>
<form phx-change="suggest" phx-submit="search"> <li class="mx-2 my-1 border-left border border-primary-400"></li>
<input
type="text"
name="q"
class="input input-primary"
placeholder="Search"
list="results"
autocomplete="off"
/>
<datalist id="results">
<%= for {app, _vsn} <- @results do %>
<option value={app}>
"> <%= app %>
</option>
<% end %>
</datalist>
</form>
<%= if @current_user.role == :admin do %> <%= if @current_user.role == :admin do %>
<li class="mx-2 my-1"> <li class="mx-2 my-1">

View File

@ -37,5 +37,5 @@
<span> <span>
<%= live_patch("Edit", to: Routes.context_show_path(@socket, :edit, @context), class: "button") %> <%= live_patch("Edit", to: Routes.context_show_path(@socket, :edit, @context), class: "button") %>
</span> | </span>
<span><%= live_redirect("Back", to: Routes.context_index_path(@socket, :index)) %></span> | <span><%= live_redirect("Back", to: Routes.context_index_path(@socket, :index)) %></span>

View File

@ -114,5 +114,52 @@
end %> end %>
</p> </p>
</li> </li>
<li class="flex flex-row justify-center items-center space-x-2">
<b>Version:</b>
<%= link class: "flex flex-row justify-center items-center space-x-2 hover:underline",
to: "https://gitea.bubbletea.dev/shibao/memex/src/branch/stable/CHANGELOG.md",
target: "_blank",
rel: "noopener noreferrer" do %>
<p>0.1.0</p>
<i class="fas fa-md fa-info-circle"></i>
<% end %>
</li>
</ul>
<hr class="hr" />
<ul class="flex flex-col space-y-2 text-center justify-center">
<h2 class="title text-primary-400 text-lg">
<%= gettext("Get involved!") %>
</h2>
<li class="flex flex-col justify-center space-x-2">
<%= link class: "flex flex-row justify-center items-center space-x-2 hover:underline",
to: "https://gitea.bubbletea.dev/shibao/memex",
target: "_blank",
rel: "noopener noreferrer" do %>
<p><%= gettext("View the source code") %></p>
<i class="fas fa-md fa-code"></i>
<% end %>
</li>
<li class="flex flex-col justify-center space-x-2">
<%= link class: "flex flex-row justify-center items-center space-x-2 hover:underline",
to: "https://weblate.bubbletea.dev/engage/memex",
target: "_blank",
rel: "noopener noreferrer" do %>
<p><%= gettext("Help translate") %></p>
<i class="fas fa-md fa-language"></i>
<% end %>
</li>
<li class="flex flex-col justify-center space-x-2">
<%= link class: "flex flex-row justify-center items-center space-x-2 hover:underline",
to: "https://gitea.bubbletea.dev/shibao/memex/issues/new",
target: "_blank",
rel: "noopener noreferrer" do %>
<p><%= gettext("Report bugs or request features") %></p>
<i class="fas fa-md fa-spider"></i>
<% end %>
</li>
</ul> </ul>
</div> </div>

View File

@ -37,4 +37,5 @@
<span> <span>
<%= live_patch("Edit", to: Routes.note_show_path(@socket, :edit, @note), class: "button") %> <%= live_patch("Edit", to: Routes.note_show_path(@socket, :edit, @note), class: "button") %>
</span> | <span><%= live_redirect("Back", to: Routes.note_index_path(@socket, :index)) %></span> </span>
| <span><%= live_redirect("Back", to: Routes.note_index_path(@socket, :index)) %></span>

View File

@ -32,5 +32,5 @@
<span> <span>
<%= live_patch("Edit", to: Routes.pipeline_show_path(@socket, :edit, @pipeline), class: "button") %> <%= live_patch("Edit", to: Routes.pipeline_show_path(@socket, :edit, @pipeline), class: "button") %>
</span> | </span>
<span><%= live_redirect("Back", to: Routes.pipeline_index_path(@socket, :index)) %></span> | <span><%= live_redirect("Back", to: Routes.pipeline_index_path(@socket, :index)) %></span>

View File

@ -36,7 +36,7 @@ msgid "Confirm your account"
msgstr "" msgstr ""
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
#: lib/memex_web/components/topbar.ex:45 #: lib/memex_web/components/topbar.ex:63
msgid "Contexts" msgid "Contexts"
msgstr "" msgstr ""
@ -98,7 +98,7 @@ msgid "Forgot your password?"
msgstr "" msgstr ""
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
#: lib/memex_web/live/home_live.ex:10 #: lib/memex_web/live/home_live.ex:12
msgid "Home" msgid "Home"
msgstr "" msgstr ""
@ -160,7 +160,7 @@ msgid "No invites 😔"
msgstr "" msgstr ""
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
#: lib/memex_web/components/topbar.ex:52 #: lib/memex_web/components/topbar.ex:70
msgid "Notes" msgid "Notes"
msgstr "" msgstr ""
@ -170,7 +170,7 @@ msgid "Notes:"
msgstr "" msgstr ""
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
#: lib/memex_web/components/topbar.ex:38 #: lib/memex_web/components/topbar.ex:56
msgid "Pipelines" msgid "Pipelines"
msgstr "" msgstr ""
@ -244,3 +244,63 @@ msgstr ""
#: lib/memex_web/live/home_live.html.heex:3 #: lib/memex_web/live/home_live.html.heex:3
msgid "memex" msgid "memex"
msgstr "" msgstr ""
#, elixir-autogen, elixir-format
#: lib/memex_web/live/home_live.html.heex:87
msgid "Admins:"
msgstr ""
#, elixir-autogen, elixir-format
#: lib/memex_web/live/note_live/form_component.html.heex:20
msgid "Content"
msgstr ""
#, elixir-autogen, elixir-format
#: lib/memex_web/live/home_live.html.heex:134
msgid "Get involved!"
msgstr ""
#, elixir-autogen, elixir-format
#: lib/memex_web/live/home_live.html.heex:151
msgid "Help translate"
msgstr ""
#, elixir-autogen, elixir-format
#: lib/memex_web/live/home_live.html.heex:82
msgid "Instance Information"
msgstr ""
#, elixir-autogen, elixir-format
#: lib/memex_web/live/home_live.html.heex:113
msgid "Invite Only"
msgstr ""
#, elixir-autogen, elixir-format
#: lib/memex_web/live/home_live.html.heex:112
msgid "Public Signups"
msgstr ""
#, elixir-autogen, elixir-format
#: lib/memex_web/live/home_live.html.heex:160
msgid "Report bugs or request features"
msgstr ""
#, elixir-autogen, elixir-format
#: lib/memex_web/live/note_live/form_component.html.heex:35
msgid "Save"
msgstr ""
#, elixir-autogen, elixir-format
#: lib/memex_web/live/note_live/form_component.html.heex:36
msgid "Saving..."
msgstr ""
#, elixir-autogen, elixir-format
#: lib/memex_web/live/note_live/form_component.html.heex:13
msgid "Title"
msgstr ""
#, elixir-autogen, elixir-format
#: lib/memex_web/live/home_live.html.heex:142
msgid "View the source code"
msgstr ""

View File

@ -140,3 +140,8 @@ msgstr ""
#: lib/memex_web/controllers/user_settings_controller.ex:95 #: lib/memex_web/controllers/user_settings_controller.ex:95
msgid "Your account has been deleted" msgid "Your account has been deleted"
msgstr "" msgstr ""
#, elixir-autogen, elixir-format
#: lib/memex_web/live/home_live.html.heex:91
msgid "Register to setup %{name}"
msgstr ""