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