panel: Tweak small-screen-spacing

This commit is contained in:
Tom Wiesing 2023-12-02 00:03:59 +01:00
parent 1b4c3f60e0
commit f8773df4cc
No known key found for this signature in database
17 changed files with 46 additions and 36 deletions

View file

@ -11,7 +11,7 @@
To add a new key, use the <em>Add New Key</em> button above. To add a new key, use the <em>Add New Key</em> button above.
To remove an ssh key from your account, simply click the <em>Delete</em> button. To remove an ssh key from your account, simply click the <em>Delete</em> button.
</p> </p>
<div class="padding"> <div class="h-md-padding">
<div class="overflow"> <div class="overflow">
<table class="pure-table pure-table-bordered"> <table class="pure-table pure-table-bordered">

View file

@ -10,9 +10,8 @@
This table shows tokens currently associated with your account. This table shows tokens currently associated with your account.
Tokens can be used to access the API programatically. Tokens can be used to access the API programatically.
</p> </p>
<div class="padding"> <div class="h-md-padding">
<div class="overflow"> <div class="overflow">
<table class="pure-table pure-table-bordered"> <table class="pure-table pure-table-bordered">
<thead> <thead>
<tr> <tr>

View file

@ -40,7 +40,7 @@
</p> </p>
</div> </div>
<div class="pure-u-1"> <div class="pure-u-1">
<div class="padding"> <div class="h-md-padding">
<div class="overflow"> <div class="overflow">
<table class="pure-table pure-table-bordered pure-form"> <table class="pure-table pure-table-bordered pure-form">
<thead> <thead>

View file

@ -24,7 +24,7 @@
</p> </p>
</div> </div>
<div class="pure-u-1"> <div class="pure-u-1">
<div class="padding"> <div class="h-md-padding">
<div class="overflow"> <div class="overflow">
<table class="pure-table pure-table-bordered pure-form"> <table class="pure-table pure-table-bordered pure-form">
<thead> <thead>

View file

@ -2,7 +2,7 @@
<h2 id="overview">Overview</h2> <h2 id="overview">Overview</h2>
</div> </div>
<div class="pure-u-1 pure-u-xl-1-2"> <div class="pure-u-1 pure-u-xl-1-2">
<div class="padding"> <div class="h-md-padding">
<div class="overflow"> <div class="overflow">
<table class="pure-table pure-table-bordered"> <table class="pure-table pure-table-bordered">
<thead> <thead>
@ -60,7 +60,7 @@
</div> </div>
</div> </div>
<div class="pure-u-1 pure-u-xl-1-2"> <div class="pure-u-1 pure-u-xl-1-2">
<div class="padding"> <div class="h-md-padding">
<div class="overflow"> <div class="overflow">
<table class="pure-table pure-table-bordered"> <table class="pure-table pure-table-bordered">
<thead> <thead>
@ -122,7 +122,7 @@
<div class="pure-u-1 pure-u-xl-1-2"> <div class="pure-u-1 pure-u-xl-1-2">
<div class="padding"> <div class="h-md-padding">
<div class="overflow"> <div class="overflow">
<table class="pure-table pure-table-bordered"> <table class="pure-table pure-table-bordered">
<thead> <thead>
@ -197,7 +197,7 @@
</div> </div>
<div class="pure-u-1 pure-u-xl-1-2"> <div class="pure-u-1 pure-u-xl-1-2">
<div class="padding"> <div class="h-md-padding">
<div class="overflow"> <div class="overflow">
<table class="pure-table pure-table-bordered"> <table class="pure-table pure-table-bordered">
<thead> <thead>

View file

@ -4,7 +4,7 @@
</div> </div>
<div class="pure-u-1 pure-u-xl-1-2"> <div class="pure-u-1 pure-u-xl-1-2">
<div class="padding"> <div class="h-md-padding">
<div class="overflow"> <div class="overflow">
<table class="pure-table pure-table-bordered"> <table class="pure-table pure-table-bordered">
<thead> <thead>
@ -32,7 +32,7 @@
</div> </div>
</div> </div>
<div class="pure-u-1 pure-u-xl-1-2"> <div class="pure-u-1 pure-u-xl-1-2">
<div class="padding"> <div class="h-md-padding">
<div class="overflow"> <div class="overflow">
<table class="pure-table pure-table-bordered"> <table class="pure-table pure-table-bordered">
<thead> <thead>

View file

@ -3,7 +3,7 @@
</div> </div>
<div class="pure-u-1"> <div class="pure-u-1">
<div class="padding"> <div class="h-md-padding">
<div class="overflow"> <div class="overflow">
<table class="pure-table pure-table-bordered"> <table class="pure-table pure-table-bordered">
<thead> <thead>
@ -53,7 +53,7 @@
</div> </div>
<div class="pure-u-1"> <div class="pure-u-1">
<div class="padding"> <div class="h-md-padding">
<div class="overflow"> <div class="overflow">
<table class="pure-table pure-table-bordered"> <table class="pure-table pure-table-bordered">
<thead> <thead>

View file

@ -7,7 +7,7 @@
<div class="pure-u-1"> <div class="pure-u-1">
<div class="padding"> <div class="h-md-padding">
<div class="overflow"> <div class="overflow">
<table class="pure-table pure-table-bordered"> <table class="pure-table pure-table-bordered">
<thead> <thead>
@ -62,7 +62,7 @@
<div class="pure-u-1"> <div class="pure-u-1">
<div class="padding"> <div class="h-md-padding">
<div class="overflow"> <div class="overflow">
<table class="pure-table pure-table-bordered"> <table class="pure-table pure-table-bordered">
<thead> <thead>

View file

@ -16,7 +16,7 @@
</div> </div>
<div class="pure-u-1"> <div class="pure-u-1">
<div class="padding"> <div class="h-md-padding">
<div class="overflow"> <div class="overflow">
<table class="pure-table pure-table-bordered"> <table class="pure-table pure-table-bordered">
<thead> <thead>
@ -130,7 +130,7 @@
{{ end }} {{ end }}
</div> </div>
<div class="pure-u-1"> <div class="pure-u-1">
<div class="padding"> <div class="h-md-padding">
<div class="overflow"> <div class="overflow">
<table class="pure-table pure-table-bordered pure-form"> <table class="pure-table pure-table-bordered pure-form">
<thead> <thead>

View file

@ -1,5 +1,5 @@
<div class="pure-u-1"> <div class="pure-u-1">
<div class="padding"> <div class="h-md-padding">
<div class="overflow"> <div class="overflow">
{{ $E := .Error }} {{ $E := .Error }}

View file

@ -13,29 +13,29 @@ const Public = "/⛰/"
// AssetsDefault contains assets for the 'Default' entrypoint. // AssetsDefault contains assets for the 'Default' entrypoint.
var AssetsDefault = Assets{ var AssetsDefault = Assets{
Scripts: `<script type="module" src="/⛰/Default.3fbac1ee.js"></script><script src="/⛰/Default.566ff7d3.js" nomodule defer></script><script type="module" src="/⛰/Default.68829c56.js"></script><script src="/⛰/Default.5dd67eb3.js" nomodule defer></script>`, Scripts: `<script type="module" src="/⛰/Default.3fbac1ee.js"></script><script src="/⛰/Default.566ff7d3.js" nomodule defer></script><script type="module" src="/⛰/Default.68829c56.js"></script><script src="/⛰/Default.5dd67eb3.js" nomodule defer></script>`,
Styles: `<link rel="stylesheet" href="/⛰/Default.1fa9de94.css"><link rel="stylesheet" href="/⛰/Default.749670b3.css">`, Styles: `<link rel="stylesheet" href="/⛰/Default.ed052f6d.css"><link rel="stylesheet" href="/⛰/Default.749670b3.css">`,
} }
// AssetsUser contains assets for the 'User' entrypoint. // AssetsUser contains assets for the 'User' entrypoint.
var AssetsUser = Assets{ var AssetsUser = Assets{
Scripts: `<script type="module" src="/⛰/Default.3fbac1ee.js"></script><script src="/⛰/Default.566ff7d3.js" nomodule defer></script><script type="module" src="/⛰/User.67ac1e81.js"></script><script src="/⛰/User.d3b2edc7.js" nomodule defer></script>`, Scripts: `<script type="module" src="/⛰/Default.3fbac1ee.js"></script><script src="/⛰/Default.566ff7d3.js" nomodule defer></script><script type="module" src="/⛰/User.67ac1e81.js"></script><script src="/⛰/User.d3b2edc7.js" nomodule defer></script>`,
Styles: `<link rel="stylesheet" href="/⛰/Default.1fa9de94.css"><link rel="stylesheet" href="/⛰/User.72760bc7.css"><link rel="stylesheet" href="/⛰/User.1664d889.css">`, Styles: `<link rel="stylesheet" href="/⛰/Default.ed052f6d.css"><link rel="stylesheet" href="/⛰/User.72760bc7.css"><link rel="stylesheet" href="/⛰/User.1664d889.css">`,
} }
// AssetsAdmin contains assets for the 'Admin' entrypoint. // AssetsAdmin contains assets for the 'Admin' entrypoint.
var AssetsAdmin = Assets{ var AssetsAdmin = Assets{
Scripts: `<script nomodule defer src="/⛰/User.d3b2edc7.js"></script><script type="module" src="/⛰/User.67ac1e81.js"></script><script type="module" src="/⛰/Default.3fbac1ee.js"></script><script src="/⛰/Default.566ff7d3.js" nomodule defer></script><script type="module" src="/⛰/Admin.2a36863a.js"></script><script src="/⛰/Admin.f197eb04.js" nomodule defer></script>`, Scripts: `<script nomodule defer src="/⛰/User.d3b2edc7.js"></script><script type="module" src="/⛰/User.67ac1e81.js"></script><script type="module" src="/⛰/Default.3fbac1ee.js"></script><script src="/⛰/Default.566ff7d3.js" nomodule defer></script><script type="module" src="/⛰/Admin.2a36863a.js"></script><script src="/⛰/Admin.f197eb04.js" nomodule defer></script>`,
Styles: `<link rel="stylesheet" href="/⛰/Default.1fa9de94.css"><link rel="stylesheet" href="/⛰/User.1664d889.css"><link rel="stylesheet" href="/⛰/Admin.9235a6f6.css"><link rel="stylesheet" href="/⛰/User.72760bc7.css"><link rel="stylesheet" href="/⛰/Admin.d1020143.css">`, Styles: `<link rel="stylesheet" href="/⛰/Default.ed052f6d.css"><link rel="stylesheet" href="/⛰/User.1664d889.css"><link rel="stylesheet" href="/⛰/Admin.9235a6f6.css"><link rel="stylesheet" href="/⛰/User.72760bc7.css"><link rel="stylesheet" href="/⛰/Admin.d1020143.css">`,
} }
// AssetsAdminProvision contains assets for the 'AdminProvision' entrypoint. // AssetsAdminProvision contains assets for the 'AdminProvision' entrypoint.
var AssetsAdminProvision = Assets{ var AssetsAdminProvision = Assets{
Scripts: `<script nomodule defer src="/⛰/User.d3b2edc7.js"></script><script nomodule defer src="/⛰/Admin.f197eb04.js"></script><script type="module" src="/⛰/User.67ac1e81.js"></script><script type="module" src="/⛰/Admin.2a36863a.js"></script><script type="module" src="/⛰/Default.3fbac1ee.js"></script><script src="/⛰/Default.566ff7d3.js" nomodule defer></script><script type="module" src="/⛰/AdminProvision.994883f5.js"></script><script src="/⛰/AdminProvision.5f2c7fe4.js" nomodule defer></script>`, Scripts: `<script nomodule defer src="/⛰/User.d3b2edc7.js"></script><script nomodule defer src="/⛰/Admin.f197eb04.js"></script><script type="module" src="/⛰/User.67ac1e81.js"></script><script type="module" src="/⛰/Admin.2a36863a.js"></script><script type="module" src="/⛰/Default.3fbac1ee.js"></script><script src="/⛰/Default.566ff7d3.js" nomodule defer></script><script type="module" src="/⛰/AdminProvision.994883f5.js"></script><script src="/⛰/AdminProvision.5f2c7fe4.js" nomodule defer></script>`,
Styles: `<link rel="stylesheet" href="/⛰/Default.1fa9de94.css"><link rel="stylesheet" href="/⛰/Admin.d1020143.css"><link rel="stylesheet" href="/⛰/User.72760bc7.css"><link rel="stylesheet" href="/⛰/User.1664d889.css"><link rel="stylesheet" href="/⛰/Admin.9235a6f6.css"><link rel="stylesheet" href="/⛰/AdminProvision.8569d237.css">`, Styles: `<link rel="stylesheet" href="/⛰/Default.ed052f6d.css"><link rel="stylesheet" href="/⛰/Admin.d1020143.css"><link rel="stylesheet" href="/⛰/User.72760bc7.css"><link rel="stylesheet" href="/⛰/User.1664d889.css"><link rel="stylesheet" href="/⛰/Admin.9235a6f6.css"><link rel="stylesheet" href="/⛰/AdminProvision.8569d237.css">`,
} }
// AssetsAdminRebuild contains assets for the 'AdminRebuild' entrypoint. // AssetsAdminRebuild contains assets for the 'AdminRebuild' entrypoint.
var AssetsAdminRebuild = Assets{ var AssetsAdminRebuild = Assets{
Scripts: `<script nomodule defer src="/⛰/User.d3b2edc7.js"></script><script nomodule defer src="/⛰/Admin.f197eb04.js"></script><script type="module" src="/⛰/User.67ac1e81.js"></script><script type="module" src="/⛰/Admin.2a36863a.js"></script><script type="module" src="/⛰/Default.3fbac1ee.js"></script><script src="/⛰/Default.566ff7d3.js" nomodule defer></script><script type="module" src="/⛰/AdminRebuild.5b253105.js"></script><script src="/⛰/AdminRebuild.bd32e5c4.js" nomodule defer></script>`, Scripts: `<script nomodule defer src="/⛰/User.d3b2edc7.js"></script><script nomodule defer src="/⛰/Admin.f197eb04.js"></script><script type="module" src="/⛰/User.67ac1e81.js"></script><script type="module" src="/⛰/Admin.2a36863a.js"></script><script type="module" src="/⛰/Default.3fbac1ee.js"></script><script src="/⛰/Default.566ff7d3.js" nomodule defer></script><script type="module" src="/⛰/AdminRebuild.5b253105.js"></script><script src="/⛰/AdminRebuild.bd32e5c4.js" nomodule defer></script>`,
Styles: `<link rel="stylesheet" href="/⛰/Default.1fa9de94.css"><link rel="stylesheet" href="/⛰/Admin.d1020143.css"><link rel="stylesheet" href="/⛰/User.72760bc7.css"><link rel="stylesheet" href="/⛰/User.1664d889.css"><link rel="stylesheet" href="/⛰/Admin.9235a6f6.css"><link rel="stylesheet" href="/⛰/AdminRebuild.e554824e.css">`, Styles: `<link rel="stylesheet" href="/⛰/Default.ed052f6d.css"><link rel="stylesheet" href="/⛰/Admin.d1020143.css"><link rel="stylesheet" href="/⛰/User.72760bc7.css"><link rel="stylesheet" href="/⛰/User.1664d889.css"><link rel="stylesheet" href="/⛰/Admin.9235a6f6.css"><link rel="stylesheet" href="/⛰/AdminRebuild.e554824e.css">`,
} }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -6,11 +6,13 @@
float: left; float: left;
min-width: 10em; min-width: 10em;
margin: 5px; margin: 5px;
border: 1px solid black;
} }
} }
nav.tabs-menu {
border: 1px solid black;
}
nav.top-menu, nav.breadcrumbs { nav.top-menu, nav.breadcrumbs {
padding-top: 1em; padding-top: 1em;
padding-bottom: 1em; padding-bottom: 1em;

View file

@ -1,3 +1,20 @@
@media (min-width: 48em) {
.h-md-padding {
padding-left: 1em;
padding-right: 1em;
}
}
.h-md-padding {
padding-top: 1em;
padding-bottom: 1em;
}
.overflow {
overflow-x: auto;
}
.overflow table { .overflow table {
width: 100%; width: 100%;
} }

View file

@ -1,11 +1,3 @@
.padding {
padding: 1em;
}
.overflow {
overflow-x: auto;
}
div.spacer { div.spacer {
clear: both; clear: both;
} }