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

View File

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

View File

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