Improve package page style further

This commit is contained in:
rubenwardy 2018-12-21 16:06:52 +00:00
parent 266d579e9d
commit 03a155c17b
2 changed files with 13 additions and 4 deletions

@ -11,3 +11,9 @@
.nav-link > img {
max-height: 1em;
}
.jumbotron {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

@ -1,3 +1,5 @@
{% set query=package.name %}
{% extends "base.html" %}
{% block title %}
@ -80,7 +82,7 @@
{% endif %}
{% endif %}
<header class="jumbotron mb-0">
<header class="jumbotron mb-0" style="background-image: url('{{ package.getMainScreenshotURL() }}')">
<div class="container">
<h1 class="display-3">{{ package.title }} by {{ package.author.display_name }}</h1>
@ -91,7 +93,7 @@
</header>
<main class="container">
<div class="row mt-1 mb-4 ">
<div class="row mt-1 mb-4">
<div class="col">
{% if package.getDownloadRelease() %}
<a class="btn btn-success" href="{{ package.getDownloadURL() }}" class="btn_green">Download</a>
@ -119,7 +121,7 @@
</div>
</div>
<aside class="float-right" style="width: 18rem;">
<aside class="float-right ml-4" style="width: 18rem;">
<div class="card">
<div class="card-header">
Details
@ -150,7 +152,8 @@
<tr>
<td>Provides</td>
<td>{% for meta in package.provides %}
<a href="{{ url_for('meta_package_page', name=meta.name) }}">{{ meta.name }}</a>
<a class="badge badge-primary"
href="{{ url_for('meta_package_page', name=meta.name) }}">{{ meta.name }}</a>
{%- if not loop.last %}
,
{% endif %}