mirror_html/DirectoryLister
1
0
Fork 0
mirror of https://github.com/DirectoryLister/DirectoryLister.git synced 2025-09-02 02:12:37 +02:00
Code Issues Projects Releases Wiki Activity

Updated monospace text to Source Code Pro

Browse Source
This commit is contained in:
Chris Kankiewicz
2020-01-16 11:59:50 -07:00
parent 9482e717ba
commit 18bf7a7f3c
7 changed files with 17 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/resources/js/components/file-info-modal.vue
View File

@@ -27,7 +27,7 @@
<tbody>
<tr v-for="(hash, title) in this.hashes" v-bind:key="hash">
<td class="border font-bold px-4 py-2">{{ title }}</td>
<td class="border px-4 py-2">{{ hash }}</td>
<td class="border font-mono px-4 py-2">{{ hash }}</td>
</tr>
</tbody>
</table>

2
app/resources/sass/app.scss
View File

@@ -10,7 +10,7 @@ $fa-font-path: "./webfonts";
@import "~@fortawesome/fontawesome-free/scss/solid.scss";
// Fonts
@import url("https://fonts.googleapis.com/css?family=Work+Sans:200,400&display=swap");
@import url("https://fonts.googleapis.com/css?family=Source+Code+Pro|Work+Sans:200,400&display=swap");
@import "markdown.scss";
@import "dark-mode.scss";

2
app/resources/views/components/file.twig
View File

@@ -1,6 +1,6 @@
<a
href="{{ parentDir ? '..' : file.getRelativePathname }}"
class="flex flex-col items-center rounded-lg group hover:bg-gray-200 hover:shadow"
class="flex flex-col items-center rounded-lg font-mono group hover:bg-gray-200 hover:shadow"
>
<div class="flex justify-between items-center p-4 w-full">
<div class="pr-2">

2
app/resources/views/components/header.twig
View File

@@ -1,6 +1,6 @@
<header id="header" class="bg-blue-600 shadow sticky top-0">
<div class="container flex flex-col justify-between items-center mx-auto p-4 md:flex-row">
<div class="text-white text-sm tracking-tight mb-2 md:my-2">
<div class="font-mono text-white text-sm tracking-tight mb-2 md:my-1">
<a href="/" class="hover:underline">Home</a>
{% if path %}

6
app/resources/views/index.twig
View File

@@ -6,15 +6,15 @@
<div id="content" class="flex-grow container mx-auto px-4">
<ul id="file-list" class="my-4">
<div class="flex justify-between font-bold p-4">
<div class="flex-grow mr-2">
<div class="flex-grow font-mono mr-2">
File Name
</div>
<div class="hidden text-right w-1/6 mx-2 sm:block">
<div class="font-mono text-right w-1/6 mx-2 hidden sm:block">
Size
</div>
<div class="hidden text-right w-1/4 ml-2 sm:block">
<div class="font-mono text-right w-1/4 ml-2 hidden sm:block">
Date
</div>
</div>

2
app/resources/views/layouts/app.twig
View File

@@ -9,6 +9,6 @@
<title>{{ path | default('Home') }} &bull; Directory Lister</title>
<div id="app" class="flex flex-col min-h-screen font-mono {{ config('dark_mode') ? 'dark-mode' : 'light-mode' }}">
<div id="app" class="flex flex-col min-h-screen {{ config('dark_mode') ? 'dark-mode' : 'light-mode' }}">
{% block content %}{% endblock %}
</div>

9
tailwind.config.js
View File

@@ -2,6 +2,15 @@ module.exports = {
theme: {
extend: {
fontFamily: {
mono: [
'Source Code Pro',
'Menlo',
'Monaco',
'Consolas',
'"Liberation Mono"',
'"Courier New"',
'monospace',
],
sans: [
'Work Sans',
'-apple-system',