ptorrel/JS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Browse Source
This commit is contained in:
Philippe Torrel
2026-08-07 11:24:07 +02:00
parent 2c47aa98b8
commit 70a9d3ca08
273 changed files with 26737 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
05_react/uebungen/u11_footer-main/package-lock.json generated
View File

@@ -1,16 +1,17 @@
{
"name": "02_reusable-components",
"name": "u11_footer-main",
"version": "0.0.0",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "02_reusable-components",
"name": "u11_footer-main",
"version": "0.0.0",
"dependencies": {
"bootstrap": "^5.3.8",
"react": "^19.2.8",
"react-dom": "^19.2.8"
"react-dom": "^19.2.8",
"react-icons": "^5.7.0"
},
"devDependencies": {
"@types/react": "^19.2.17",
@@ -1622,6 +1623,15 @@
"react": "^19.2.8"
}
},
"node_modules/react-icons": {
"version": "5.7.0",
"resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.7.0.tgz",
"integrity": "sha512-LBLy340Rzqy6+/yVhZKT3B/QpP1BZaesGqasf09HPOBzRarcDIFH0WwXlXQfE7q7ipxK4MSiC5DIBWURCny6fw==",
"license": "MIT",
"peerDependencies": {
"react": "*"
}
},
"node_modules/readdirp": {
"version": "5.1.1",
"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-5.1.1.tgz",

3
05_react/uebungen/u11_footer-main/package.json
View File

@@ -12,7 +12,8 @@
"dependencies": {
"bootstrap": "^5.3.8",
"react": "^19.2.8",
"react-dom": "^19.2.8"
"react-dom": "^19.2.8",
"react-icons": "^5.7.0"
},
"devDependencies": {
"@types/react": "^19.2.17",

10
05_react/uebungen/u11_footer-main/src/App.jsx
View File

@@ -1,12 +1,16 @@
import FooterMain from './components/footers/FooterMain';
import InputAmount from './components/inputs/InputAmount';
function App(props) {
// const { } = props;
return (
<div className="container py-5">
<InputAmount />
</div>
<>
<div className="container py-5">
<InputAmount />
</div>
<FooterMain />
</>
);
}

38
05_react/uebungen/u11_footer-main/src/components/footers/FooterMain.jsx Normal file
View File

@@ -0,0 +1,38 @@
const FooterMain = (props) => {
// const { } = props;
return (
<footer className="m-footer-main footer-main">
<div className="container">
<div className="row">
<div className="col-12 col-sm">
<div className="mb-3">
<h3>Address</h3>
</div>
</div>
<div className="col-12 col-sm">
<div className="mb-3">
<h3>Links</h3>
<nav className="menu-footer">
<ul className="list">
<li>
<a href="#">Imprint</a>
</li>
<li>
<a href="#">Legal Policy</a>
</li>
</ul>
</nav>
</div>
</div>
<div className="col-12 col-sm">
<div className="mb-3">
<h3>Socials</h3>
</div>
</div>
</div>
</div>
</footer>
);
};
export default FooterMain;

25
05_react/uebungen/u11_footer-main/src/styles/05_modules/_footer-main.scss
View File

@@ -1,8 +1,8 @@
.footer-main {
.m-footer-main {
background: $color-dark-blue; // Fallback für ältere Browser
background: $linear-gradient-dark;
padding: 2rem 0;
.col {
padding: 3rem 0;
[class^='col'] {
color: $color-white;
h2,
h3,
@@ -15,4 +15,23 @@
letter-spacing: 2px;
}
}
.row {
flex-direction: column;
> div {
&:nth-child(1) {
order: 2;
}
&:nth-child(2) {
order: 1;
}
}
}
// @media (min-width:576px) {
@include media-breakpoint-up(sm) {
.row {
flex-direction: row;
}
}
}

2
05_react/uebungen/u11_footer-main/src/styles/05_modules/_index.scss
View File

@@ -1,4 +1,4 @@
// @import 'footer-main';
@import 'footer-main';
// @import 'header-main';
// @import 'logo-main';
// @import 'menu-main';