implement responsive layout for app page

Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
This commit is contained in:
Alice Kile 2019-11-08 15:33:07 +05:30 committed by James Valleroy
parent ec6013b5bb
commit 0dd4d1acf2
No known key found for this signature in database
GPG Key ID: 77C0C75E7B650808
9 changed files with 29 additions and 4 deletions

View File

@ -29,5 +29,6 @@ urlpatterns = [
AppView.as_view(name=deluge.name, description=deluge.description,
diagnostics_module_name='deluge',
clients=deluge.clients, app_id='deluge',
manual_page=deluge.manual_page, icon_filename=deluge.icon_filename), name='index'),
manual_page=deluge.manual_page,
icon_filename=deluge.icon_filename), name='index'),
]

View File

@ -108,6 +108,7 @@ class InfinotedAppView(AppView):
port_forwarding_info = port_forwarding_info
icon_filename = icon_filename
def setup(helper, old_version=None):
"""Install and configure the module."""
helper.install(managed_packages)

View File

@ -36,6 +36,7 @@ class JSXCAppView(AppView):
clients = jsxc.clients
icon_filename = jsxc.icon_filename
class JsxcView(TemplateView):
"""A simple page to embed Javascript XMPP Client library."""
template_name = 'jsxc_launch.html'

View File

@ -32,6 +32,5 @@ urlpatterns = [
clients=mldonkey.clients,
manual_page=mldonkey.manual_page,
show_status_block=True,
icon_filename=mldonkey.icon_filename),
name='index'),
icon_filename=mldonkey.icon_filename), name='index'),
]

View File

@ -110,6 +110,7 @@ class MumbleAppView(AppView):
port_forwarding_info = port_forwarding_info
icon_filename = icon_filename
def setup(helper, old_version=None):
"""Install and configure the module."""
helper.install(managed_packages)

View File

@ -119,6 +119,7 @@ class PrivoxyAppView(AppView):
manual_page = manual_page
icon_filename = icon_filename
def diagnose():
"""Run diagnostics and return the results."""
results = []

View File

@ -44,6 +44,7 @@ app = None
icon_filename = 'sharing'
class SharingApp(app_module.App):
"""FreedomBox app for sharing files."""

View File

@ -31,6 +31,6 @@ urlpatterns = [
description=syncthing.description,
clients=syncthing.clients,
manual_page=syncthing.manual_page,
icon_filename = syncthing.icon_filename,
icon_filename=syncthing.icon_filename,
show_status_block=True), name='index'),
]

View File

@ -559,4 +559,24 @@ a.menu_link_active {
}
.app-header-single-column .app-description {
grid-column: 1;
}
@media screen and (max-width: 768px) {
.app-header {
display: flex;
flex-flow: column;
margin-bottom: 20px;
text-align: center;
}
.app-header img {
width: 150px;
height: 150px;
margin: 0 auto;
border-radius: 20%;
border: 5px solid #fff;
box-shadow: 0px 4px 5px 1px rgba(0, 0, 0, 0.1);
padding: 10px;
transition: height 0.5s width 0.5s;
}
}