diff --git a/holo/src/index.css b/holo/src/index.css index eda55a9..13e5db2 100644 --- a/holo/src/index.css +++ b/holo/src/index.css @@ -17,6 +17,7 @@ html { } .time { + transform:scale(-1,1); position: absolute; top: 10px; padding: 10px; @@ -27,6 +28,7 @@ html { } .api { + transform:scale(-1,1); position: absolute; top: 50px; padding: 10px; diff --git a/holo/src/pages/time.tsx b/holo/src/pages/time.tsx index aeb9852..0c82e7d 100644 --- a/holo/src/pages/time.tsx +++ b/holo/src/pages/time.tsx @@ -1,33 +1,37 @@ import React, { useState, useEffect } from 'react'; +//function reverseString(str: string): string { +// return str.split('').reverse().join(''); +//} + const ScreenTimeCanvas: React.FC = () => { - const [currentDateTime, setCurrentDateTime] = useState(''); + const [currentDateTime, setCurrentDateTime] = useState(''); + //const [reversedDateTime, setReversedDateTime] = useState(''); - useEffect(() => { - const updateDateTime = () => { - const now = new Date(); - const formatted = now.toLocaleString("ja-JP", { - year: 'numeric', - month: '2-digit', - day: '2-digit', - hour: '2-digit', - minute: '2-digit', - second: '2-digit' - }); - setCurrentDateTime(formatted); - }; + useEffect(() => { + const updateDateTime = () => { + const now = new Date(); + const formatted = now.toLocaleString("ja-JP", { + year: 'numeric', + month: '2-digit', + day: '2-digit', + hour: '2-digit', + minute: '2-digit', + second: '2-digit' + }); + setCurrentDateTime(formatted); + //setReversedDateTime(reverseString(formatted)); + }; + updateDateTime(); + const timer = setInterval(updateDateTime, 1000); + return () => clearInterval(timer); + }, []); - updateDateTime(); - const timer = setInterval(updateDateTime, 1000); - - return () => clearInterval(timer); - }, []); - - return ( -
-

{currentDateTime}

-
- ); + return ( +
+

{currentDateTime}

+
+ ); }; export default ScreenTimeCanvas; diff --git a/holo/src/pages/vrm.tsx b/holo/src/pages/vrm.tsx index e4f40eb..8e4f75d 100644 --- a/holo/src/pages/vrm.tsx +++ b/holo/src/pages/vrm.tsx @@ -68,7 +68,7 @@ export const VRMModelCanvas = () => { - + )