scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-12-18 11:32:29 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Merge pull request #9023 from MiroslavDionisiev/UEPR-121-embed-project

Browse source 
refactor: [UEPR-121] add embedded ideas project to banner
This commit is contained in:
Miroslav Dionisiev 2024-12-09 16:09:03 +02:00 committed by GitHub
commit 8bfac39677
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 12 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/cards-modal/cards-modal.scss
View file

@ -23,7 +23,7 @@
background: white;
border-radius: 8px;
width: 640px;
width: 656px;
box-shadow: 0 0 0 4px $ui-blue-25percent;

9
src/views/ideas/ideas.jsx
View file

@ -113,9 +113,12 @@ const Ideas = () => {
return (
<div>
<div className="banner-wrapper">
<img
alt={intl.formatMessage({id: 'ideas.headerImageDescription'})}
src="/images/ideas/banner.svg"
<iframe
src="https://scratch.mit.edu/projects/1093752362/embed"
width="485"
height="402"
allowfullscreen
className="ideas-project"
/>
<div className="banner-description">
<div className="title">

6
src/views/ideas/ideas.scss
View file

@ -17,6 +17,10 @@ $base-bg: $ui-white;
padding: 3rem 0;
background-color: $ui-aqua;
.ideas-project {
border: none;
}
.banner-description {
display: flex;
flex-direction: column;
@ -259,7 +263,7 @@ $base-bg: $ui-white;
//4 columns
@media #{$small} {
.banner-wrapper {
img {
.ideas-project {
display: none;
}
}