agtic/keycloak_theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update prettier configuration

Browse Source
This commit is contained in:
Joseph Garrone
2024-05-20 15:48:51 +02:00
parent 7a89888d11
commit 22e7ff1424
138 changed files with 3681 additions and 2007 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
stories/intro/KeycloakifyRotatingLogo.tsx
View File

@ -34,28 +34,28 @@ export const KeycloakifyRotatingLogo = memo((props: Props) => {
});
const useStyles = makeStyles<{ isImageLoaded: boolean }>({
"name": { KeycloakifyRotatingLogo }
name: { KeycloakifyRotatingLogo }
})((_theme, { isImageLoaded }) => ({
"root": {
"position": "relative"
root: {
position: "relative"
},
"rotatingImg": {
"animation": `${keyframes({
"from": {
"transform": "rotate(0deg)"
rotatingImg: {
animation: `${keyframes({
from: {
transform: "rotate(0deg)"
},
"to": {
"transform": "rotate(360deg)"
to: {
transform: "rotate(360deg)"
}
})} infinite 20s linear`,
"width": isImageLoaded ? "100%" : undefined,
"height": isImageLoaded ? "auto" : undefined
width: isImageLoaded ? "100%" : undefined,
height: isImageLoaded ? "auto" : undefined
},
"stillImg": {
"position": "absolute",
"top": "0",
"left": "0",
"width": isImageLoaded ? "100%" : undefined,
"height": isImageLoaded ? "auto" : undefined
stillImg: {
position: "absolute",
top: "0",
left: "0",
width: isImageLoaded ? "100%" : undefined,
height: isImageLoaded ? "auto" : undefined
}
}));

2
stories/intro/tss.ts
View File

@ -1,5 +1,5 @@
import { createMakeAndWithStyles } from "tss-react";
export const { makeStyles, useStyles } = createMakeAndWithStyles({
"useTheme": () => ({})
useTheme: () => ({})
});