svelte-toolkit/sui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update tailwindcss & tweak styles

Browse Source
This commit is contained in:
Elijah Duffy
2025-07-10 14:26:33 -07:00
parent b9328dc9a7
commit ba78511ec2
6 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
package.json
View File

@@ -40,7 +40,7 @@
"@svelte-toolkit/validate": "^0.0.0", "@svelte-toolkit/validate": "^0.0.0",
"@sveltejs/adapter-auto": "^4.0.0", "@sveltejs/adapter-auto": "^4.0.0",
"@sveltejs/vite-plugin-svelte": "^5.0.0", "@sveltejs/vite-plugin-svelte": "^5.0.0",
"@tailwindcss/vite": "^4.0.0", "@tailwindcss/vite": "^4.1.11",
"@types/node": "^24.0.9", "@types/node": "^24.0.9",
"country-state-city": "^3.2.1", "country-state-city": "^3.2.1",
"eslint": "^9.18.0", "eslint": "^9.18.0",
@@ -60,7 +60,7 @@
"typescript": "^5.0.0", "typescript": "^5.0.0",
"typescript-eslint": "^8.20.0", "typescript-eslint": "^8.20.0",
"vite": "^6.2.5", "vite": "^6.2.5",
"tailwindcss": "^4.1.3", "tailwindcss": "^4.1.11",
"@tailwindcss/container-queries": "^0.1.1", "@tailwindcss/container-queries": "^0.1.1",
"@tailwindcss/forms": "^0.5.10", "@tailwindcss/forms": "^0.5.10",
"tailwindcss-animate": "^1.0.7" "tailwindcss-animate": "^1.0.7"

4
pnpm-lock.yaml generated
View File

@@ -40,7 +40,7 @@ importers:
specifier: ^0.5.10 specifier: ^0.5.10
version: 0.5.10(tailwindcss@4.1.11) version: 0.5.10(tailwindcss@4.1.11)
'@tailwindcss/vite': '@tailwindcss/vite':
specifier: ^4.0.0 specifier: ^4.1.11
version: 4.1.11(vite@6.3.5(@types/node@24.0.9)(jiti@2.4.2)(lightningcss@1.30.1)) version: 4.1.11(vite@6.3.5(@types/node@24.0.9)(jiti@2.4.2)(lightningcss@1.30.1))
'@types/node': '@types/node':
specifier: ^24.0.9 specifier: ^24.0.9
@@ -91,7 +91,7 @@ importers:
specifier: ^4.0.0 specifier: ^4.0.0
version: 4.2.2(picomatch@4.0.2)(svelte@5.34.9)(typescript@5.8.3) version: 4.2.2(picomatch@4.0.2)(svelte@5.34.9)(typescript@5.8.3)
tailwindcss: tailwindcss:
specifier: ^4.1.3 specifier: ^4.1.11
version: 4.1.11 version: 4.1.11
tailwindcss-animate: tailwindcss-animate:
specifier: ^1.0.7 specifier: ^1.0.7

2
src/lib/ActionSelect.svelte
View File

@@ -113,7 +113,7 @@
<div <div
{...select.getOption(option, typeof option.label === 'string' ? option.label : undefined)} {...select.getOption(option, typeof option.label === 'string' ? option.label : undefined)}
class={[ class={[
'flex w-full items-center gap-3 rounded px-5 py-2 text-base font-medium transition-colors', 'flex w-full items-center gap-3 rounded px-5 py-2 text-base font-medium transition-colors select-none',
option.disabled option.disabled
? ['cursor-not-allowed opacity-50'] ? ['cursor-not-allowed opacity-50']
: stateless : stateless

2
src/lib/Combobox.svelte
View File

@@ -111,9 +111,9 @@
} }
const options = opts.options; const options = opts.options;
if (options.length === 0) return;
const avg = options.reduce((acc, item) => acc + getLabel(item).length, 0) / options.length; const avg = options.reduce((acc, item) => acc + getLabel(item).length, 0) / options.length;
container.style.width = `${avg * 2.5}ch`; container.style.width = `${avg * 2.5}ch`;
console.log(`minWidth: ${avg * 2.5}ch`);
}; };
f(buildOpts); f(buildOpts);

4
src/lib/Toolbar.ts
View File

@@ -110,7 +110,7 @@ export class ToolbarGroup {
/** /**
* Creates a new toolbar toogle item in the group. * Creates a new toolbar toogle item in the group.
* @param opts * @param opts
* @returns object containing state and properties * @returns ToolbarToggle instance
*/ */
toggle(opts: ToolbarToggleOptions = {}) { toggle(opts: ToolbarToggleOptions = {}) {
const toggle = ToolbarToggle.withParent(this, opts); const toggle = ToolbarToggle.withParent(this, opts);
@@ -166,7 +166,7 @@ export class Toolbar {
/** /**
* Creates a new toolbar toggle item. * Creates a new toolbar toggle item.
* @param opts * @param opts
* @returns object containing state and properties * @returns ToolbarToggle instance
*/ */
toggle(opts: ToolbarToggleOptions = {}) { toggle(opts: ToolbarToggleOptions = {}) {
return new ToolbarToggle(opts); return new ToolbarToggle(opts);

2
src/lib/styles/tailwind.css
View File

@@ -1,5 +1,5 @@
@import 'tailwindcss'; @import 'tailwindcss';
@import '$lib/styles/base.css'; @import './base.css';
@plugin '@tailwindcss/forms'; @plugin '@tailwindcss/forms';
@plugin '@tailwindcss/container-queries'; @plugin '@tailwindcss/container-queries';
@plugin 'tailwindcss-animate'; @plugin 'tailwindcss-animate';