mirror
/
wg-easy
mirror of https://github.com/wg-easy/wg-easy
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

update: app.css to match latest tailwindcss version

pull/774/head
Philip H. 1 year ago
committed by GitHub
parent
21ce36c116
commit
2df3e6cb42
No known key found for this signature in database GPG Key ID: B5690EEEBB952194
3 changed files with 244 additions and 214 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      .github/workflows/npm-update-bot.yml
  2. 2
      src/package.json
  3. 421
      src/www/css/app.css

1
.github/workflows/npm-update-bot.yml
View File

@ -34,6 +34,7 @@ jobs:
cd src cd src
ncu -u ncu -u
npm update npm update
npm run buildcss
git config --global user.name 'NPM Update Bot' git config --global user.name 'NPM Update Bot'
git config --global user.email '[email protected]' git config --global user.email '[email protected]'
git add . git add .

2
src/package.json
View File

@ -8,7 +8,7 @@
"serve": "DEBUG=Server,WireGuard nodemon server.js", "serve": "DEBUG=Server,WireGuard nodemon server.js",
"serve-with-password": "PASSWORD=wg npm run serve", "serve-with-password": "PASSWORD=wg npm run serve",
"lint": "eslint .", "lint": "eslint .",
"buildcss": "npx tailwindcss -i ./www/src/css/app.css -o ./www/css/app.css --watch" "buildcss": "npx tailwindcss -i ./www/src/css/app.css -o ./www/css/app.css"
}, },
"author": "Emile Nijssen", "author": "Emile Nijssen",
"license": "GPL", "license": "GPL",

421
src/www/css/app.css
View File

@ -1,5 +1,5 @@
/* /*
! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
*/ */
/* /*
@ -32,9 +32,11 @@
4. Use the user's configured `sans` font-family by default. 4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default. 5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default. 6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/ */
html { html,
:host {
line-height: 1.5; line-height: 1.5;
/* 1 */ /* 1 */
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
@ -44,12 +46,14 @@ html {
-o-tab-size: 4; -o-tab-size: 4;
tab-size: 4; tab-size: 4;
/* 3 */ /* 3 */
font-family: ui-sans-serif, system-ui, -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"; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
/* 4 */ /* 4 */
font-feature-settings: normal; font-feature-settings: normal;
/* 5 */ /* 5 */
font-variation-settings: normal; font-variation-settings: normal;
/* 6 */ /* 6 */
-webkit-tap-highlight-color: transparent;
/* 7 */
} }
/* /*
@ -121,8 +125,10 @@ strong {
} }
/* /*
1. Use the user's configured `mono` font family by default. 1. Use the user's configured `mono` font-family by default.
2. Correct the odd `em` font sizing in all browsers. 2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/ */
code, code,
@ -131,8 +137,12 @@ samp,
pre { pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
/* 1 */ /* 1 */
font-size: 1em; font-feature-settings: normal;
/* 2 */ /* 2 */
font-variation-settings: normal;
/* 3 */
font-size: 1em;
/* 4 */
} }
/* /*
@ -191,6 +201,10 @@ select,
textarea { textarea {
font-family: inherit; font-family: inherit;
/* 1 */ /* 1 */
font-feature-settings: inherit;
/* 1 */
font-variation-settings: inherit;
/* 1 */
font-size: 100%; font-size: 100%;
/* 1 */ /* 1 */
font-weight: inherit; font-weight: inherit;
@ -341,6 +355,14 @@ menu {
padding: 0; padding: 0;
} }
/*
Reset default styling for dialogs.
*/
dialog {
padding: 0;
}
/* /*
Prevent resizing textareas horizontally by default. Prevent resizing textareas horizontally by default.
*/ */
@ -746,6 +768,10 @@ video {
height: 3rem; height: 3rem;
} }
.h-14 {
height: 3.5rem;
}
.h-2 { .h-2 {
height: 0.5rem; height: 0.5rem;
} }
@ -758,12 +784,12 @@ video {
height: 0.75rem; height: 0.75rem;
} }
.h-4 { .h-32 {
height: 1rem; height: 8rem;
} }
.h-5 { .h-4 {
height: 1.25rem; height: 1rem;
} }
.h-6 { .h-6 {
@ -1027,10 +1053,6 @@ video {
padding: 0.5rem; padding: 0.5rem;
} }
.p-2\.5 {
padding: 0.625rem;
}
.p-3 { .p-3 {
padding: 0.75rem; padding: 0.75rem;
} }
@ -1067,11 +1089,6 @@ video {
padding-right: 1.25rem; padding-right: 1.25rem;
} }
.py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.py-2 { .py-2 {
padding-top: 0.5rem; padding-top: 0.5rem;
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
@ -1398,321 +1415,333 @@ video {
opacity: 1; opacity: 1;
} }
:is(.dark .dark\:border-green-600) { @media (min-width: 640px) {
--tw-border-opacity: 1; .sm\:mx-0 {
border-color: rgb(22 163 74 / var(--tw-border-opacity)); margin-left: 0px;
margin-right: 0px;
} }
:is(.dark .dark\:border-neutral-500) { .sm\:my-8 {
--tw-border-opacity: 1; margin-top: 2rem;
border-color: rgb(115 115 115 / var(--tw-border-opacity)); margin-bottom: 2rem;
} }
:is(.dark .dark\:border-neutral-600) { .sm\:ml-3 {
--tw-border-opacity: 1; margin-left: 0.75rem;
border-color: rgb(82 82 82 / var(--tw-border-opacity));
} }
:is(.dark .dark\:bg-black) { .sm\:ml-4 {
--tw-bg-opacity: 1; margin-left: 1rem;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
} }
:is(.dark .dark\:bg-green-100) { .sm\:mt-0 {
--tw-bg-opacity: 1; margin-top: 0px;
background-color: rgb(220 252 231 / var(--tw-bg-opacity));
} }
:is(.dark .dark\:bg-green-600) { .sm\:block {
--tw-bg-opacity: 1; display: block;
background-color: rgb(22 163 74 / var(--tw-bg-opacity));
} }
:is(.dark .dark\:bg-neutral-200) { .sm\:inline-block {
--tw-bg-opacity: 1; display: inline-block;
background-color: rgb(229 229 229 / var(--tw-bg-opacity));
} }
:is(.dark .dark\:bg-neutral-400) { .sm\:flex {
--tw-bg-opacity: 1; display: flex;
background-color: rgb(163 163 163 / var(--tw-bg-opacity));
} }
:is(.dark .dark\:bg-neutral-500) { .sm\:h-10 {
--tw-bg-opacity: 1; height: 2.5rem;
background-color: rgb(115 115 115 / var(--tw-bg-opacity));
} }
:is(.dark .dark\:bg-neutral-600) { .sm\:h-screen {
--tw-bg-opacity: 1; height: 100vh;
background-color: rgb(82 82 82 / var(--tw-bg-opacity));
} }
:is(.dark .dark\:bg-neutral-700) { .sm\:w-10 {
--tw-bg-opacity: 1; width: 2.5rem;
background-color: rgb(64 64 64 / var(--tw-bg-opacity));
} }
:is(.dark .dark\:bg-neutral-800) { .sm\:w-auto {
--tw-bg-opacity: 1; width: auto;
background-color: rgb(38 38 38 / var(--tw-bg-opacity));
} }
:is(.dark .dark\:bg-red-100) { .sm\:max-w-lg {
--tw-bg-opacity: 1; max-width: 32rem;
background-color: rgb(254 226 226 / var(--tw-bg-opacity));
} }
:is(.dark .dark\:text-green-600) { .sm\:scale-100 {
--tw-text-opacity: 1; --tw-scale-x: 1;
color: rgb(22 163 74 / var(--tw-text-opacity)); --tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} }
:is(.dark .dark\:text-neutral-200) { .sm\:scale-95 {
--tw-text-opacity: 1; --tw-scale-x: .95;
color: rgb(229 229 229 / var(--tw-text-opacity)); --tw-scale-y: .95;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} }
:is(.dark .dark\:text-neutral-300) { .sm\:flex-row-reverse {
--tw-text-opacity: 1; flex-direction: row-reverse;
color: rgb(212 212 212 / var(--tw-text-opacity));
} }
:is(.dark .dark\:text-neutral-400) { .sm\:items-start {
--tw-text-opacity: 1; align-items: flex-start;
color: rgb(163 163 163 / var(--tw-text-opacity));
} }
:is(.dark .dark\:text-neutral-50) { .sm\:p-0 {
--tw-text-opacity: 1; padding: 0px;
color: rgb(250 250 250 / var(--tw-text-opacity));
} }
:is(.dark .dark\:text-neutral-500) { .sm\:p-6 {
--tw-text-opacity: 1; padding: 1.5rem;
color: rgb(115 115 115 / var(--tw-text-opacity));
} }
:is(.dark .dark\:text-neutral-600) { .sm\:px-6 {
--tw-text-opacity: 1; padding-left: 1.5rem;
color: rgb(82 82 82 / var(--tw-text-opacity)); padding-right: 1.5rem;
} }
:is(.dark .dark\:text-red-300) { .sm\:pb-4 {
--tw-text-opacity: 1; padding-bottom: 1rem;
color: rgb(252 165 165 / var(--tw-text-opacity));
} }
:is(.dark .dark\:text-red-600) { .sm\:text-left {
--tw-text-opacity: 1; text-align: left;
color: rgb(220 38 38 / var(--tw-text-opacity));
} }
:is(.dark .dark\:opacity-50) { .sm\:align-middle {
opacity: 0.5; vertical-align: middle;
} }
:is(.dark .dark\:placeholder\:text-neutral-400)::-moz-placeholder { .sm\:text-sm {
--tw-text-opacity: 1; font-size: 0.875rem;
color: rgb(163 163 163 / var(--tw-text-opacity)); line-height: 1.25rem;
}
} }
:is(.dark .dark\:placeholder\:text-neutral-400)::placeholder { @media (min-width: 768px) {
--tw-text-opacity: 1; .md\:inline-block {
color: rgb(163 163 163 / var(--tw-text-opacity)); display: inline-block;
} }
:is(.dark .dark\:placeholder\:text-neutral-500)::-moz-placeholder { .md\:flex-row {
--tw-text-opacity: 1; flex-direction: row;
color: rgb(115 115 115 / var(--tw-text-opacity));
} }
:is(.dark .dark\:placeholder\:text-neutral-500)::placeholder { .md\:px-0 {
--tw-text-opacity: 1; padding-left: 0px;
color: rgb(115 115 115 / var(--tw-text-opacity)); padding-right: 0px;
}
.md\:pb-0 {
padding-bottom: 0px;
}
} }
:is(.dark .dark\:hover\:border-green-600:hover) { @media (prefers-color-scheme: dark) {
.dark\:border-neutral-500 {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgb(22 163 74 / var(--tw-border-opacity)); border-color: rgb(115 115 115 / var(--tw-border-opacity));
} }
:is(.dark .dark\:hover\:border-neutral-600:hover) { .dark\:border-neutral-600 {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgb(82 82 82 / var(--tw-border-opacity)); border-color: rgb(82 82 82 / var(--tw-border-opacity));
} }
:is(.dark .dark\:hover\:bg-green-600:hover) { .dark\:border-neutral-800 {
--tw-bg-opacity: 1; --tw-border-opacity: 1;
background-color: rgb(22 163 74 / var(--tw-bg-opacity)); border-color: rgb(38 38 38 / var(--tw-border-opacity));
} }
:is(.dark .dark\:hover\:bg-neutral-500:hover) { .dark\:border-red-600 {
--tw-bg-opacity: 1; --tw-border-opacity: 1;
background-color: rgb(115 115 115 / var(--tw-bg-opacity)); border-color: rgb(220 38 38 / var(--tw-border-opacity));
} }
:is(.dark .dark\:hover\:bg-neutral-600:hover) { .dark\:bg-black {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(82 82 82 / var(--tw-bg-opacity)); background-color: rgb(0 0 0 / var(--tw-bg-opacity));
} }
:is(.dark .dark\:hover\:bg-red-200:hover) { .dark\:bg-neutral-400 {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(254 202 202 / var(--tw-bg-opacity)); background-color: rgb(163 163 163 / var(--tw-bg-opacity));
} }
:is(.dark .dark\:hover\:bg-red-800:hover) { .dark\:bg-neutral-500 {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(153 27 27 / var(--tw-bg-opacity)); background-color: rgb(115 115 115 / var(--tw-bg-opacity));
} }
:is(.dark .dark\:hover\:text-green-100:hover) { .dark\:bg-neutral-600 {
--tw-text-opacity: 1; --tw-bg-opacity: 1;
color: rgb(220 252 231 / var(--tw-text-opacity)); background-color: rgb(82 82 82 / var(--tw-bg-opacity));
} }
:is(.dark .dark\:hover\:text-neutral-700:hover) { .dark\:bg-neutral-700 {
--tw-text-opacity: 1; --tw-bg-opacity: 1;
color: rgb(64 64 64 / var(--tw-text-opacity)); background-color: rgb(64 64 64 / var(--tw-bg-opacity));
} }
:is(.dark .dark\:hover\:text-white:hover) { .dark\:bg-neutral-800 {
--tw-text-opacity: 1; --tw-bg-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); background-color: rgb(38 38 38 / var(--tw-bg-opacity));
} }
:is(.dark .dark\:focus\:border-neutral-500:focus) { .dark\:bg-red-100 {
--tw-border-opacity: 1; --tw-bg-opacity: 1;
border-color: rgb(115 115 115 / var(--tw-border-opacity)); background-color: rgb(254 226 226 / var(--tw-bg-opacity));
} }
:is(.dark .focus\:dark\:border-neutral-500):focus { .dark\:bg-red-600 {
--tw-border-opacity: 1; --tw-bg-opacity: 1;
border-color: rgb(115 115 115 / var(--tw-border-opacity)); background-color: rgb(220 38 38 / var(--tw-bg-opacity));
} }
@media (min-width: 640px) { .dark\:bg-red-800 {
.sm\:mx-0 { --tw-bg-opacity: 1;
margin-left: 0px; background-color: rgb(153 27 27 / var(--tw-bg-opacity));
margin-right: 0px;
} }
.sm\:my-8 { .dark\:text-gray-500 {
margin-top: 2rem; --tw-text-opacity: 1;
margin-bottom: 2rem; color: rgb(107 114 128 / var(--tw-text-opacity));
} }
.sm\:ml-3 { .dark\:text-neutral-200 {
margin-left: 0.75rem; --tw-text-opacity: 1;
color: rgb(229 229 229 / var(--tw-text-opacity));
} }
.sm\:ml-4 { .dark\:text-neutral-300 {
margin-left: 1rem; --tw-text-opacity: 1;
color: rgb(212 212 212 / var(--tw-text-opacity));
} }
.sm\:mt-0 { .dark\:text-neutral-400 {
margin-top: 0px; --tw-text-opacity: 1;
color: rgb(163 163 163 / var(--tw-text-opacity));
} }
.sm\:block { .dark\:text-neutral-50 {
display: block; --tw-text-opacity: 1;
color: rgb(250 250 250 / var(--tw-text-opacity));
} }
.sm\:inline-block { .dark\:text-neutral-500 {
display: inline-block; --tw-text-opacity: 1;
color: rgb(115 115 115 / var(--tw-text-opacity));
} }
.sm\:flex { .dark\:text-neutral-600 {
display: flex; --tw-text-opacity: 1;
color: rgb(82 82 82 / var(--tw-text-opacity));
} }
.sm\:h-10 { .dark\:text-red-300 {
height: 2.5rem; --tw-text-opacity: 1;
color: rgb(252 165 165 / var(--tw-text-opacity));
} }
.sm\:h-screen { .dark\:text-red-600 {
height: 100vh; --tw-text-opacity: 1;
color: rgb(220 38 38 / var(--tw-text-opacity));
} }
.sm\:w-10 { .dark\:text-white {
width: 2.5rem; --tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
} }
.sm\:w-auto { .dark\:opacity-50 {
width: auto; opacity: 0.5;
} }
.sm\:max-w-lg { .dark\:placeholder\:text-neutral-400::-moz-placeholder {
max-width: 32rem; --tw-text-opacity: 1;
color: rgb(163 163 163 / var(--tw-text-opacity));
} }
.sm\:scale-100 { .dark\:placeholder\:text-neutral-400::placeholder {
--tw-scale-x: 1; --tw-text-opacity: 1;
--tw-scale-y: 1; color: rgb(163 163 163 / var(--tw-text-opacity));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} }
.sm\:scale-95 { .dark\:placeholder\:text-neutral-500::-moz-placeholder {
--tw-scale-x: .95; --tw-text-opacity: 1;
--tw-scale-y: .95; color: rgb(115 115 115 / var(--tw-text-opacity));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} }
.sm\:flex-row-reverse { .dark\:placeholder\:text-neutral-500::placeholder {
flex-direction: row-reverse; --tw-text-opacity: 1;
color: rgb(115 115 115 / var(--tw-text-opacity));
} }
.sm\:items-start { .dark\:hover\:border-neutral-600:hover {
align-items: flex-start; --tw-border-opacity: 1;
border-color: rgb(82 82 82 / var(--tw-border-opacity));
} }
.sm\:p-0 { .dark\:hover\:border-red-600:hover {
padding: 0px; --tw-border-opacity: 1;
border-color: rgb(220 38 38 / var(--tw-border-opacity));
} }
.sm\:p-6 { .dark\:hover\:bg-neutral-500:hover {
padding: 1.5rem; --tw-bg-opacity: 1;
background-color: rgb(115 115 115 / var(--tw-bg-opacity));
} }
.sm\:px-6 { .dark\:hover\:bg-neutral-600:hover {
padding-left: 1.5rem; --tw-bg-opacity: 1;
padding-right: 1.5rem; background-color: rgb(82 82 82 / var(--tw-bg-opacity));
} }
.sm\:pb-4 { .dark\:hover\:bg-red-600:hover {
padding-bottom: 1rem; --tw-bg-opacity: 1;
background-color: rgb(220 38 38 / var(--tw-bg-opacity));
} }
.sm\:text-left { .dark\:hover\:bg-red-700:hover {
text-align: left; --tw-bg-opacity: 1;
background-color: rgb(185 28 28 / var(--tw-bg-opacity));
} }
.sm\:align-middle { .dark\:hover\:bg-red-800:hover {
vertical-align: middle; --tw-bg-opacity: 1;
background-color: rgb(153 27 27 / var(--tw-bg-opacity));
} }
.sm\:text-sm { .dark\:hover\:text-neutral-700:hover {
font-size: 0.875rem; --tw-text-opacity: 1;
line-height: 1.25rem; color: rgb(64 64 64 / var(--tw-text-opacity));
} }
.dark\:hover\:text-red-100:hover {
--tw-text-opacity: 1;
color: rgb(254 226 226 / var(--tw-text-opacity));
} }
@media (min-width: 768px) { .dark\:hover\:text-white:hover {
.md\:inline-block { --tw-text-opacity: 1;
display: inline-block; color: rgb(255 255 255 / var(--tw-text-opacity));
} }
.md\:flex-row { .dark\:focus\:border-neutral-500:focus {
flex-direction: row; --tw-border-opacity: 1;
border-color: rgb(115 115 115 / var(--tw-border-opacity));
} }
.md\:px-0 { .dark\:focus\:border-red-800:focus {
padding-left: 0px; --tw-border-opacity: 1;
padding-right: 0px; border-color: rgb(153 27 27 / var(--tw-border-opacity));
} }
.md\:pb-0 { .focus\:dark\:border-neutral-500:focus {
padding-bottom: 0px; --tw-border-opacity: 1;
border-color: rgb(115 115 115 / var(--tw-border-opacity));
} }
} }

Write Preview
Loading…
Cancel
Save