mirror of
https://koodu.h-i.works/projects/thebadspace
synced 2025-05-06 14:41:02 -05:00
CSS fix for spacing issues in listing page
th spacing between location links on the listings UI was a bit funky to made a quick tweak to smooth that out.
This commit is contained in:
ro
parent
1f09850a6a
commit
8e9ce4dd45
@ -95,7 +95,7 @@ a.list-link > .item-block > .item-icon {
|
|||||||
a.list-link {
|
a.list-link {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
|
||||||
grid-template-rows: 100% 100px 30px 30px;
|
grid-template-rows: 1fr auto 30px 30px;
|
||||||
gap: 5px;
|
gap: 5px;
|
||||||
height: auto;
|
height: auto;
|
||||||
padding-bottom: 20px;
|
padding-bottom: 20px;
|
||||||
|
|||||||
@ -2,101 +2,101 @@
|
|||||||
<html>
|
<html>
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="theme-color" content="#c3639e" />
|
<meta name="theme-color" content="#c3639e" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>
|
<title>
|
||||||
@yield('title')
|
@yield('title')
|
||||||
</title>
|
</title>
|
||||||
@if(isset($front) && $front == false)
|
@if(isset($front) && $front == false)
|
||||||
<link rel="stylesheet" type="text/css" href="/assets/css/back/start.css?=sdfsdf">
|
<link rel="stylesheet" type="text/css" href="/assets/css/back/start.css?=sdfsdf">
|
||||||
@elseif(!isset($front) || $front == true)
|
@elseif(!isset($front) || $front == true)
|
||||||
<link rel="stylesheet" type="text/css" href="/assets/css/front/start.css?=sdfsdf">
|
<link rel="stylesheet" type="text/css" href="/assets/css/front/start.css?=sdfsdf">
|
||||||
@endif
|
@endif
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<script>
|
<script>
|
||||||
0
|
0
|
||||||
</script>
|
</script>
|
||||||
<header>
|
<header>
|
||||||
<div>
|
<div>
|
||||||
<div class="header-left">
|
<div class="header-left">
|
||||||
<a href="/">
|
<a href="/">
|
||||||
<img src="/assets/images/global/logo-dark.svg" title="bad-space-logo" />
|
<img src="/assets/images/global/logo-dark.svg" title="bad-space-logo" />
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="header-center">
|
<div class="header-center">
|
||||||
<h1>{{$title}}</h1>
|
<h1>{{$title}}</h1>
|
||||||
</div>
|
</div>
|
||||||
<div class="header-right">
|
<div class="header-right">
|
||||||
<label for="element-toggle">
|
<label for="element-toggle">
|
||||||
<img class="menu-icon" src="/assets/images/global/menu.svg" title="menu-open-toggle" />
|
<img class="menu-icon" src="/assets/images/global/menu.svg" title="menu-open-toggle" />
|
||||||
</label>
|
</label>
|
||||||
<input id="element-toggle" type="checkbox" />
|
<input id="element-toggle" type="checkbox" />
|
||||||
<div id="main-nav">
|
<div id="main-nav">
|
||||||
<nav>
|
<nav>
|
||||||
<label for="element-toggle">
|
<label for="element-toggle">
|
||||||
<img class="menu-icon" src="/assets/images/global/close.svg" title="menu-open-toggle" />
|
<img class="menu-icon" src="/assets/images/global/close.svg" title="menu-open-toggle" />
|
||||||
</label><br>
|
</label><br>
|
||||||
<a href="/" title="front" class="nav-links">
|
<a href="/" title="front" class="nav-links">
|
||||||
Front
|
Front
|
||||||
</a><br />
|
</a><br />
|
||||||
<a href="/about" title="about" class="nav-links">
|
<a href="/about" title="about" class="nav-links">
|
||||||
About
|
About
|
||||||
</a><br />
|
</a><br />
|
||||||
<a href="/listings/1" title="instance listing" class="nav-links">
|
<a href="/listings/1" title="instance listing" class="nav-links">
|
||||||
Listings
|
Listings
|
||||||
</a><br />
|
</a><br />
|
||||||
<a href="/exports" title="list exports" class="nav-links">
|
<a href="/exports" title="list exports" class="nav-links">
|
||||||
Exports
|
Exports
|
||||||
</a><br />
|
</a><br />
|
||||||
<a href="/appeals" title="location appeals" class="nav-links">
|
<a href="/appeals" title="location appeals" class="nav-links">
|
||||||
Appeals
|
Appeals
|
||||||
</a><br />
|
</a><br />
|
||||||
@if(Auth::check())
|
@if(Auth::check())
|
||||||
<a href="/den" title="den-start" class="nav-links">
|
<a href="/den" title="den-start" class="nav-links">
|
||||||
Den
|
Den
|
||||||
</a><br />
|
</a><br />
|
||||||
<a href="/logout" title="logout" class="nav-links">
|
<a href="/logout" title="logout" class="nav-links">
|
||||||
Logout
|
Logout
|
||||||
</a><br />
|
</a><br />
|
||||||
@else
|
@else
|
||||||
<a href="/den" title="login" class="nav-links">
|
<a href="/den" title="login" class="nav-links">
|
||||||
The Den
|
The Den
|
||||||
</a><br />
|
</a><br />
|
||||||
@endif
|
@endif
|
||||||
</nav>
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</header>
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
@if($errors->any())
|
@if($errors->any())
|
||||||
<div class="system-notice-error" role="status">
|
<div class="system-notice-error" role="status">
|
||||||
{{$errors->first()}}
|
{{$errors->first()}}
|
||||||
</div>
|
</div>
|
||||||
@endif
|
@endif
|
||||||
@if(session('message'))
|
@if(session('message'))
|
||||||
<div class="system-notice-message" role="status">
|
<div class="system-notice-message" role="status">
|
||||||
{!! session('message') !!}
|
{!! session('message') !!}
|
||||||
</div>
|
</div>
|
||||||
@endif
|
@endif
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
@section('main-content')
|
@section('main-content')
|
||||||
@show
|
@show
|
||||||
</main>
|
</main>
|
||||||
<footer>
|
<footer>
|
||||||
<div>
|
<div>
|
||||||
The Bad Space © 2024<br />
|
The Bad Space © <?php echo date("Y"); ?><br />
|
||||||
an <a href="https://h-i.works">h.i.</a> project
|
an <a href="https://h-i.works">h.i.</a> project
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
a0.7
|
a0.7
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|||||||
@ -1,35 +1,35 @@
|
|||||||
@extends('frame')
|
@extends('frame')
|
||||||
@section('title', 'The Bad Space|Listings')
|
@section('title', 'The Bad Space|Listings')
|
||||||
@section('main-content')
|
@section('main-content')
|
||||||
@parent
|
@parent
|
||||||
<section>
|
<section>
|
||||||
<article role="list">
|
<article role="list">
|
||||||
<h2>Page {{$pageNum}}</h2>
|
<h2>Page {{$pageNum}}</h2>
|
||||||
<a href="/listings/{{$prev}}">PREV</a>
|
<a href="/listings/{{$prev}}">PREV</a>
|
||||||
{{$pageNum}} of {{$totalPages}}
|
{{$pageNum}} of {{$totalPages}}
|
||||||
<a href="/listings/{{$next}}">NEXT</a><br /><br />
|
<a href="/listings/{{$next}}">NEXT</a>
|
||||||
@foreach($locations as $location)
|
@foreach($locations as $location)
|
||||||
@php
|
@php
|
||||||
$action = $location->block_count + $location->silence_count;
|
$action = $location->block_count + $location->silence_count;
|
||||||
$rating = floor(($action / $sources)*100);
|
$rating = floor(($action / $sources)*100);
|
||||||
@endphp
|
@endphp
|
||||||
<a class="list-link" role="listitem" href="/location/{{$location->uuid}}">
|
<a class="list-link" role="listitem" href="/location/{{$location->uuid}}">
|
||||||
<span class="item-rating">{{$rating}}%</span>
|
<span class="item-rating">{{$rating}}%</span>
|
||||||
<label class="item-name">{{$location->name}}</label>
|
<label class="item-name">{{$location->name}}</label>
|
||||||
<div class="item-silence">
|
<div class="item-silence">
|
||||||
<img class="item-icon" src="/assets/images/global/status-silence.svg" title="silenced" />
|
<img class="item-icon" src="/assets/images/global/status-silence.svg" title="silenced" />
|
||||||
{{$location->silence_count}}
|
{{$location->silence_count}}
|
||||||
</div>
|
</div>
|
||||||
<div class="item-block">
|
<div class="item-block">
|
||||||
<img class="item-icon" src="/assets/images/global/status-suspend.svg" title="suspended" />
|
<img class="item-icon" src="/assets/images/global/status-suspend.svg" title="suspended" />
|
||||||
{{$location->block_count}}
|
{{$location->block_count}}
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
@endforeach
|
@endforeach
|
||||||
<br />
|
<a href="/listings/{{$prev}}">PREV</a>
|
||||||
<a href="/listings/{{$prev}}">PREV</a>
|
{{$pageNum}} of {{$totalPages}}
|
||||||
{{$pageNum}} of {{$totalPages}}
|
<a href="/listings/{{$next}}">NEXT</a>
|
||||||
<a href="/listings/{{$next}}">NEXT</a>
|
<br /><br />
|
||||||
</article>
|
</article>
|
||||||
</section>
|
</section>
|
||||||
@endsection
|
@endsection
|
||||||
Loading…
x
Reference in New Issue
Block a user