honeymoose
/
sp-dev-fx-webparts
mirror of https://github.com/pnp/sp-dev-fx-webparts.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add tailwind base

This commit is contained in:
AriGunawan 2022-12-03 10:50:24 +10:00 committed by Hugo Bernier
parent 4921e3b028
commit 4f48b292f6
6 changed files with 11 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
samples/react-birthdays-per-month/assets/tailwind.css
View File

@ -1,2 +1,3 @@
@import "tailwindcss/base";
@import "tailwindcss/components"; @import "tailwindcss/components";
@import "tailwindcss/utilities"; @import "tailwindcss/utilities";

2
samples/react-birthdays-per-month/config/package-solution.json
View File

@ -3,7 +3,7 @@
"solution": { "solution": {
"name": "React Birthdays Per Month", "name": "React Birthdays Per Month",
"id": "e4cd97a3-4515-42cd-8a12-f765eaf60caa", "id": "e4cd97a3-4515-42cd-8a12-f765eaf60caa",
"version": "1.1.0.0", "version": "1.2.0.0",
"includeClientSideAssets": true, "includeClientSideAssets": true,
"skipFeatureDeployment": true, "skipFeatureDeployment": true,
"isDomainIsolated": false, "isDomainIsolated": false,

3
samples/react-birthdays-per-month/src/webparts/birthdaysPerMonth/BirthdaysPerMonthWebPart.manifest.json
View File

@ -21,7 +21,6 @@
"title": { "default": "Birthdays Per Month" }, "title": { "default": "Birthdays Per Month" },
"description": { "default": "" }, "description": { "default": "" },
"officeFabricIconFontName": "BirthdayCake", "officeFabricIconFontName": "BirthdayCake",
"properties": { "properties": {}
}
}] }]
} }

20
samples/react-birthdays-per-month/src/webparts/birthdaysPerMonth/BirthdaysPerMonthWebPart.ts
View File

@ -3,12 +3,10 @@ import * as ReactDom from "react-dom";
import { Version } from "@microsoft/sp-core-library"; import { Version } from "@microsoft/sp-core-library";
import { import {
IPropertyPaneConfiguration, IPropertyPaneConfiguration,
PropertyPaneTextField,
} from "@microsoft/sp-property-pane"; } from "@microsoft/sp-property-pane";
import { BaseClientSideWebPart } from "@microsoft/sp-webpart-base"; import { BaseClientSideWebPart } from "@microsoft/sp-webpart-base";
import { spfi, SPFx, SPFI } from "@pnp/sp"; import { spfi, SPFx, SPFI } from "@pnp/sp";
import * as strings from "BirthdaysPerMonthWebPartStrings";
import "../../../assets/dist/tailwind.css"; import "../../../assets/dist/tailwind.css";
import { import {
BirthdaysPerMonth, BirthdaysPerMonth,
@ -17,9 +15,7 @@ import {
import { BirthdaysInMonth } from "../../models/BirthdaysInMonth"; import { BirthdaysInMonth } from "../../models/BirthdaysInMonth";
import { SharePointService } from "../../utils/SharePointService"; import { SharePointService } from "../../utils/SharePointService";
export interface IBirthdaysPerMonthWebPartProps { export interface IBirthdaysPerMonthWebPartProps {}
description: string;
}
export default class BirthdaysPerMonthWebPart extends BaseClientSideWebPart<IBirthdaysPerMonthWebPartProps> { export default class BirthdaysPerMonthWebPart extends BaseClientSideWebPart<IBirthdaysPerMonthWebPartProps> {
private _spfi: SPFI; private _spfi: SPFI;
@ -54,19 +50,7 @@ export default class BirthdaysPerMonthWebPart extends BaseClientSideWebPart<IBir
return { return {
pages: [ pages: [
{ {
header: { groups: [],
description: strings.PropertyPaneDescription,
},
groups: [
{
groupName: strings.BasicGroupName,
groupFields: [
PropertyPaneTextField("description", {
label: strings.DescriptionFieldLabel,
}),
],
},
],
}, },
], ],
}; };

1
samples/react-birthdays-per-month/src/webparts/birthdaysPerMonth/components/MonthSection.tsx
View File

@ -3,6 +3,7 @@ import formatDistance from "date-fns/formatDistance";
import set from "date-fns/set"; import set from "date-fns/set";
import { Icon, IconButton } from "office-ui-fabric-react"; import { Icon, IconButton } from "office-ui-fabric-react";
import * as React from "react"; import * as React from "react";
import { BirthdaysInMonth } from "../../../models/BirthdaysInMonth"; import { BirthdaysInMonth } from "../../../models/BirthdaysInMonth";
interface IMonthSectionProps { interface IMonthSectionProps {

7
samples/react-birthdays-per-month/tailwind.config.js
View File

@ -1,9 +1,12 @@
/** @type {import('tailwindcss').Config} */ /** @type {import('tailwindcss').Config} */
module.exports = { module.exports = {
prefix: 'tw-', prefix: "tw-",
content: ["./src/**/*.{html,js,ts,tsx}"], content: ["./src/**/*.{html,js,ts,tsx}"],
theme: { theme: {
extend: {}, extend: {},
}, },
plugins: [], plugins: [],
} corePlugins: {
preflight: false,
},
};