Fix: css-generate script; loading of stylesheet in style_test, add small buttons to style_test

This commit is contained in:
Pieter Vander Vennet 2023-09-16 02:27:29 +02:00
parent 8c390d12fe
commit 6bed170910
3 changed files with 14 additions and 6 deletions

View file

@ -52,7 +52,7 @@
"strt": "vite --host", "strt": "vite --host",
"strttest": "export NODE_OPTIONS=--max_old_space_size=8364 && parcel serve test.html assets/templates/*.svg assets/templates/fonts/*.ttf", "strttest": "export NODE_OPTIONS=--max_old_space_size=8364 && parcel serve test.html assets/templates/*.svg assets/templates/fonts/*.ttf",
"watch:css": "tailwindcss -i index.css -o public/css/index-tailwind-output.css --watch", "watch:css": "tailwindcss -i index.css -o public/css/index-tailwind-output.css --watch",
"generate:css": "tailwindcss -i index.css -o public/css/index-tailwind-output.css", "generate:css": "tailwindcss -i src/index.css -o public/css/index-tailwind-output.css",
"generate:doctests": "doctest-ts-improved . --ignore .*.spec.ts --ignore .*ConfigJson.ts", "generate:doctests": "doctest-ts-improved . --ignore .*.spec.ts --ignore .*ConfigJson.ts",
"test:run-only": "vitest --run test", "test:run-only": "vitest --run test",
"test": " export NODE_OPTIONS=\"--max-old-space-size=8192\" && npm run clean:tests && (npm run generate:doctests 2>&1 | grep -v \"No doctests found in\") && npm run test:run-only && npm run clean:tests", "test": " export NODE_OPTIONS=\"--max-old-space-size=8192\" && npm run clean:tests && (npm run generate:doctests 2>&1 | grep -v \"No doctests found in\") && npm run test:run-only && npm run clean:tests",

View file

@ -1,7 +1,7 @@
<script lang="ts"> <script lang="ts">
import Svg from "../Svg" import Svg from "../Svg";
import Loading from "./Base/Loading.svelte" import Loading from "./Base/Loading.svelte";
import ToSvelte from "./Base/ToSvelte.svelte" import ToSvelte from "./Base/ToSvelte.svelte";
</script> </script>
<div> <div>
@ -38,6 +38,13 @@
<ToSvelte construct={Svg.community_svg().SetClass("w-6 h-6")} /> <ToSvelte construct={Svg.community_svg().SetClass("w-6 h-6")} />
Main action (disabled) Main action (disabled)
</button> </button>
<button class="small primary">
Small button
</button>
<button class="small primary disabled">
Small, disabled button
</button>
</div> </div>
<div class="flex"> <div class="flex">
<button> <button>

View file

@ -3,7 +3,8 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Stylesheet testing grounds</title> <title>Stylesheet testing grounds</title>
<link href="./index.css" rel="stylesheet"/> <link href="./css/index-tailwind-output.css" rel="stylesheet"/>
</head> </head>
<body> <body>
<div id="main"></div> <div id="main"></div>