hj/pleroma
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

new styles for static pages

Browse source
This commit is contained in:
Henry Jameson 2025-08-12 02:31:47 +03:00
commit baa8004a2a
4 changed files with 287 additions and 244 deletions
Download patch file Download diff file Expand all files Collapse all files

6
lib/pleroma/web/templates/layout/app.html.eex
View file

@ -13,8 +13,10 @@
<h1 class="instance-header__title"><%= Pleroma.Config.get([:instance, :name]) %></h1>
</a>
</div>
<div class="container">
<%= @inner_content %>
<div class="contents">
<div class="panel">
<%= @inner_content %>
</div>
</div>
</body>
</html>

15
lib/pleroma/web/templates/o_auth/o_auth/_scopes.html.eex
View file

@ -5,10 +5,19 @@
<% # Note: using hidden input with `unchecked_value` in order to distinguish user's empty selection from `scope` param being omitted %>
<%= if scope in @scopes do %>
<div class="scope">
<%= checkbox @form, :"scope_#{scope}", value: scope in @scopes && scope, checked_value: scope, unchecked_value: "", name: "authorization[scope][]" %>
<%= label @form, :"scope_#{scope}", String.capitalize(scope) %>
<span class="checkbox">
<%= checkbox @form, :"scope_#{scope}", value: scope in @scopes && scope, checked_value: scope, unchecked_value: "", name: "authorization[scope][]" %>
<%= label @form, :"scope_#{scope}", "" %>
</span>
<%= if scope in @scopes && scope do %>
<code><%= scope %></code> <%= :"Elixir.Gettext".dgettext(Gettext, "oauth_scopes", scope) %>
<dl>
<dt>
<%= :"Elixir.Gettext".dgettext(Gettext, "oauth_scopes", scope) %>
</dt>
<dd>
<code><%= scope %></code>
</dd>
</dl>
<% end %>
</div>
<% else %>

25
lib/pleroma/web/templates/o_auth/o_auth/show.html.eex
View file

@ -8,17 +8,20 @@
<%= form_for @conn, Routes.o_auth_path(@conn, :authorize), [as: "authorization"], fn f -> %>
<%= if @user do %>
<div class="account-header">
<div class="account-header__banner" style="background-image: url('<%= Pleroma.User.banner_url(@user) %>')"></div>
<div class="account-header__avatar" style="background-image: url('<%= Pleroma.User.avatar_url(@user) %>')"></div>
<div class="account-header__meta">
<div class="account-header__display-name"><%= @user.name %></div>
<div class="account-header__nickname">@<%= Pleroma.User.full_nickname(@user.nickname) %></div>
</div>
<div class="account-header">
<div class="account-header_container">
<img class="account-header__banner" src="<%= Pleroma.User.banner_url(@user) %>">
<div class="account-header__overlay"></div>
</div>
<div class="account-header__avatar" style="background-image: url('<%= Pleroma.User.avatar_url(@user) %>')"></div>
<div class="account-header__meta">
<div class="account-header__display-name"><%= @user.name %></div>
<div class="account-header__nickname">@<%= Pleroma.User.full_nickname(@user.nickname) %></div>
</div>
</div>
<% end %>
<div class="container__content">
<div class="panel-body">
<%= if @app do %>
<p><%= raw Gettext.dpgettext("static_pages", "oauth authorize message", "Application <strong>%{client_name}</strong> is requesting access to your account.", client_name: safe_to_string(html_escape(@app.client_name))) %></p>
<%= render Phoenix.Controller.view_module(@conn), "_scopes.html", Map.merge(assigns, %{form: f}) %>
@ -29,7 +32,7 @@
<a class="button button--cancel" href="/">
<%= Gettext.dpgettext("static_pages", "oauth authorize cancel button", "Cancel") %>
</a>
<%= submit Gettext.dpgettext("static_pages", "oauth authorize approve button", "Approve"), class: "button--approve" %>
<%= submit Gettext.dpgettext("static_pages", "oauth authorize approve button", "Approve"), class: "button button--approve" %>
</div>
<% else %>
<%= if @params["registration"] in ["true", true] do %>
@ -51,7 +54,9 @@
<%= label f, :password, Gettext.dpgettext("static_pages", "oauth login password prompt", "Password") %>
<%= password_input f, :password %>
</div>
<%= submit Gettext.dpgettext("static_pages", "oauth login button", "Log In") %>
<div class="actions">
<%= submit Gettext.dpgettext("static_pages", "oauth login button", "Log In"), class: "button button--approve" %>
</div>
<% end %>
<% end %>
</div>