mirror of
https://github.com/freedombox/FreedomBox.git
synced 2026-07-22 11:59:33 +00:00
implement responsive layout for app page
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
This commit is contained in:
parent
ec6013b5bb
commit
0dd4d1acf2
@ -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'),
|
||||
]
|
||||
|
||||
@ -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)
|
||||
|
||||
@ -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'
|
||||
|
||||
@ -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'),
|
||||
]
|
||||
|
||||
@ -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)
|
||||
|
||||
@ -119,6 +119,7 @@ class PrivoxyAppView(AppView):
|
||||
manual_page = manual_page
|
||||
icon_filename = icon_filename
|
||||
|
||||
|
||||
def diagnose():
|
||||
"""Run diagnostics and return the results."""
|
||||
results = []
|
||||
|
||||
@ -44,6 +44,7 @@ app = None
|
||||
|
||||
icon_filename = 'sharing'
|
||||
|
||||
|
||||
class SharingApp(app_module.App):
|
||||
"""FreedomBox app for sharing files."""
|
||||
|
||||
|
||||
@ -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'),
|
||||
]
|
||||
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user