mirror of
https://github.com/DirectoryLister/DirectoryLister.git
synced 2025-08-28 08:10:51 +02:00
Updated to Tailwind 2.0
This commit is contained in:
Chris Kankiewicz
@@ -1,6 +1,6 @@
|
||||
<a
|
||||
href="{{ parentDir ? parent_url(path) : file_url(file.getPathname) }}"
|
||||
class="flex flex-col items-center rounded-lg font-mono group hover:bg-gray-200 hover:shadow"
|
||||
class="flex flex-col items-center rounded-lg font-mono group hover:bg-gray-100 hover:shadow"
|
||||
>
|
||||
<div class="flex justify-between items-center p-4 w-full">
|
||||
<div class="pr-2">
|
||||
@@ -19,7 +19,7 @@
|
||||
<div class="ml-2">
|
||||
<button
|
||||
title="{{ translate('file.info') }}"
|
||||
class="flex justify-center items-center rounded-full p-2 -m-1 md:invisible hover:bg-gray-400 hover:shadow group-hover:visible"
|
||||
class="flex justify-center items-center rounded-full p-2 -m-1 md:invisible hover:bg-gray-300 hover:shadow group-hover:visible"
|
||||
v-on:click.prevent="showFileInfo('{{ url(file.getPathname) | escape('js') }}')"
|
||||
>
|
||||
<i class="fas fa-info-circle"></i>
|
||||
@@ -27,7 +27,7 @@
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="hidden whitespace-no-wrap text-right mx-2 w-1/6 sm:block">
|
||||
<div class="hidden whitespace-nowrap text-right mx-2 w-1/6 sm:block">
|
||||
{% if parentDir or file.isDir %}
|
||||
—
|
||||
{% else %}
|
||||
@@ -35,7 +35,7 @@
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div class="hidden whitespace-no-wrap text-right truncate ml-2 w-1/4 sm:block">
|
||||
<div class="hidden whitespace-nowrap text-right truncate ml-2 w-1/4 sm:block">
|
||||
{{ parentDir ? '—' : file.getMTime | date }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<footer class="container border-t-2 border-gray-800 text-center mx-auto px-4 py-8">
|
||||
<footer class="container border-t-2 border-gray-800 text-center mx-auto px-4 py-8 xl:max-w-screen-xl">
|
||||
<div class="flex flex-col justify-center items-center">
|
||||
<p class="mb-4">
|
||||
{{ translate('powered_by') }} <a href="https://www.directorylister.com" class="underline hover:text-blue-700">Directory Lister</a>
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<header id="header" class="bg-blue-600 shadow sticky top-0">
|
||||
<div class="container flex justify-between flex-wrap items-center mx-auto p-4 md:flex-row">
|
||||
<div class="flex-1 font-mono text-white text-sm tracking-tight overflow-x-auto whitespace-no-wrap py-1">
|
||||
<div class="container flex justify-between flex-wrap items-center mx-auto p-4 md:flex-row xl:max-w-screen-xl">
|
||||
<div class="flex-1 font-mono text-white text-sm tracking-tight overflow-x-auto whitespace-nowrap py-1">
|
||||
<a href="." class="inline-block hover:underline">
|
||||
{{ config('home_text') | default(translate('home')) }}
|
||||
</a>
|
||||
@@ -23,7 +23,7 @@
|
||||
|
||||
<div class="flex items-center flex-grow flex-shrink-0 w-full pt-4 space-x-2 md:flex md:max-w-xs md:p-0" v-bind:class="menuStyles">
|
||||
{% if path and files is not empty and config('zip_downloads') %}
|
||||
<a href="{{ zip_url(path) }}" title="{{ translate('download') }}" class="inline-block text-white p-1 hover:text-gray-400">
|
||||
<a href="{{ zip_url(path) }}" title="{{ translate('download') }}" class="inline-block text-white p-1 hover:text-gray-300">
|
||||
<i class="fas fa-download fa-lg"></i>
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<div class="fixed bottom-0 left-0 right-0 pointer-events-none">
|
||||
<div class="container flex justify-end mx-auto px-4 py-10">
|
||||
<div class="container flex justify-end mx-auto px-4 py-10 xl:max-w-screen-xl">
|
||||
<button id="scroll-to-top" ref="scrollToTop" title="{{ translate('scroll_to_top') }}"
|
||||
class="flex justify-center items-center w-12 h-12 right-0 rounded-full shadow-lg bg-blue-600 text-white cursor-pointer pointer-events-auto hover:bg-blue-700 hidden"
|
||||
onclick="window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });"
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
{% block content %}
|
||||
{% include 'components/header.twig' %}
|
||||
|
||||
<div id="content" class="flex-grow container flex flex-col justify-center items-center mx-auto px-4">
|
||||
<div id="content" class="flex-grow container flex flex-col justify-center items-center mx-auto px-4 xl:max-w-screen-xl">
|
||||
<p class="font-thin text-4xl text-gray-600">
|
||||
{{ message | default('An unexpected error occured') }}
|
||||
</p>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
{% block content %}
|
||||
{% include "components/header.twig" %}
|
||||
|
||||
<div id="content" class="flex flex-col flex-grow container mx-auto px-4">
|
||||
<div id="content" class="flex flex-col flex-grow container mx-auto px-4 xl:max-w-screen-xl">
|
||||
<div class="my-4">
|
||||
<div class="flex justify-between font-bold p-4">
|
||||
<div class="flex-grow font-mono mr-2">
|
||||
|
||||
1184
package-lock.json
generated
1184
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@@ -11,8 +11,10 @@
|
||||
"production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"autoprefixer": "^10.0.2",
|
||||
"axios": "^0.21.0",
|
||||
"highlight.js": "^10.4.0",
|
||||
"postcss": "^8.1.10",
|
||||
"vue": "^2.6.12"
|
||||
},
|
||||
"devDependencies": {
|
||||
@@ -22,7 +24,7 @@
|
||||
"resolve-url-loader": "^3.1.2",
|
||||
"sass": "^1.29.0",
|
||||
"sass-loader": "^10.1.0",
|
||||
"tailwindcss": "^1.9.6",
|
||||
"tailwindcss": "^2.0.1",
|
||||
"vue-template-compiler": "^2.6.12"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,8 +1,7 @@
|
||||
const defaultTheme = require('tailwindcss/defaultTheme');
|
||||
const colors = require('tailwindcss/colors');
|
||||
|
||||
module.exports = {
|
||||
future: {
|
||||
purgeLayersByDefault: true,
|
||||
removeDeprecatedGapUtilities: true
|
||||
},
|
||||
plugins: [],
|
||||
purge: {
|
||||
mode: 'all',
|
||||
@@ -14,37 +13,19 @@ module.exports = {
|
||||
'app/**/*.vue',
|
||||
],
|
||||
options: {
|
||||
whitelist: ['html', 'body', 'main', 'fab', 'fas'],
|
||||
whitelistPatterns: [/^fa\-/, /^hljs/]
|
||||
safelist: ['html', 'body', 'main', 'fab', 'fas'],
|
||||
safelistPatterns: [/^fa\-/, /^hljs/]
|
||||
}
|
||||
},
|
||||
theme: {
|
||||
extend: {
|
||||
colors: {
|
||||
blue: colors.lightBlue,
|
||||
gray: colors.blueGray,
|
||||
},
|
||||
fontFamily: {
|
||||
mono: [
|
||||
'Source Code Pro',
|
||||
'Menlo',
|
||||
'Monaco',
|
||||
'Consolas',
|
||||
'"Liberation Mono"',
|
||||
'"Courier New"',
|
||||
'monospace',
|
||||
],
|
||||
sans: [
|
||||
'Work Sans',
|
||||
'-apple-system',
|
||||
'BlinkMacSystemFont',
|
||||
'"Segoe UI"',
|
||||
'Roboto',
|
||||
'"Helvetica Neue"',
|
||||
'Arial',
|
||||
'"Noto Sans"',
|
||||
'sans-serif',
|
||||
'"Apple Color Emoji"',
|
||||
'"Segoe UI Emoji"',
|
||||
'"Segoe UI Symbol"',
|
||||
'"Noto Color Emoji"',
|
||||
]
|
||||
mono: ['Source Code Pro', ...defaultTheme.fontFamily.mono],
|
||||
sans: ['Work Sans', ...defaultTheme.fontFamily.sans]
|
||||
},
|
||||
textColor: {
|
||||
github: '#171515',
|
||||
|
||||
Reference in New Issue
Block a user