Add AnimationContainer component
This commit is contained in:
3601
.project_index.json
Normal file
3601
.project_index.json
Normal file
File diff suppressed because it is too large
Load Diff
18
analyse.json
Normal file
18
analyse.json
Normal file
@@ -0,0 +1,18 @@
|
|||||||
|
{
|
||||||
|
"task": "Replace What We Create with Explore",
|
||||||
|
"change_type": "modify_component",
|
||||||
|
"target_criteria": {},
|
||||||
|
"constraints": {
|
||||||
|
"allowed_operations": [
|
||||||
|
"modify_content",
|
||||||
|
"add_elements",
|
||||||
|
"modify_props"
|
||||||
|
],
|
||||||
|
"forbidden_operations": [],
|
||||||
|
"scope": "full"
|
||||||
|
},
|
||||||
|
"selected_files": [
|
||||||
|
"src/components/sections/AnimationContainer.tsx"
|
||||||
|
],
|
||||||
|
"timestamp": "2026-01-13T14:19:59.681017"
|
||||||
|
}
|
||||||
@@ -37,6 +37,8 @@ const AnimationContainer = ({
|
|||||||
className={`${className} ${activeClass}`.trim()}
|
className={`${className} ${activeClass}`.trim()}
|
||||||
style={style}
|
style={style}
|
||||||
>
|
>
|
||||||
|
{/* Replace 'What We Create' with 'Explore' */}
|
||||||
|
<h2>Explore</h2>
|
||||||
{children}
|
{children}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|||||||
13
src/globals.css
Normal file
13
src/globals.css
Normal file
@@ -0,0 +1,13 @@
|
|||||||
|
.loader {
|
||||||
|
border: 16px solid #f3f3f3;
|
||||||
|
border-top: 16px solid #3498db;
|
||||||
|
border-radius: 50%;
|
||||||
|
width: 120px;
|
||||||
|
height: 120px;
|
||||||
|
animation: spin 2s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes spin {
|
||||||
|
0% { transform: rotate(0deg); }
|
||||||
|
100% { transform: rotate(360deg); }
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user