Skip to content

GitLab

S
scratch-www
Commit 83232212 authored by Eric Rosenbaum's avatar Eric Rosenbaum
Browse files
Options

css for outline around screenshot images

parent 5ac6365f
Show whitespace changes
Inline Side-by-side
Showing with 17 additions and 4 deletions
src/components/extension-landing/extension-landing.scss
View file @ 83232212
...@@ -47,6 +47,7 @@ ...@@ -47,6 +47,7 @@
.screenshot { .screenshot {
border-radius: .5rem; border-radius: .5rem;
border: 1px solid $ui-border
} }
.tip-box { .tip-box {
......
src/views/ev3/ev3.jsx
View file @ 83232212
...@@ -88,7 +88,10 @@ class EV3 extends ExtensionLanding { ...@@ -88,7 +88,10 @@ class EV3 extends ExtensionLanding {
</Step> </Step>
<Step number={2}> <Step number={2}>
<div className="step-image"> <div className="step-image">
<img src="/images/ev3/ev3-connect-2.png" /> <img
className="screenshot"
src="/images/ev3/ev3-connect-2.png"
/>
</div> </div>
<p> <p>
<FormattedMessage <FormattedMessage
...@@ -109,7 +112,10 @@ class EV3 extends ExtensionLanding { ...@@ -109,7 +112,10 @@ class EV3 extends ExtensionLanding {
</Step> </Step>
<Step number={3}> <Step number={3}>
<div className="step-image"> <div className="step-image">
<img src="/images/ev3/ev3-connect-3.png" /> <img
className="screenshot"
src="/images/ev3/ev3-connect-3.png"
/>
</div> </div>
<p><FormattedMessage id="ev3.addExtension" /></p> <p><FormattedMessage id="ev3.addExtension" /></p>
</Step> </Step>
......
src/views/microbit/microbit.jsx
View file @ 83232212
...@@ -126,7 +126,10 @@ class MicroBit extends ExtensionLanding { ...@@ -126,7 +126,10 @@ class MicroBit extends ExtensionLanding {
</Step> </Step>
<Step number={2}> <Step number={2}>
<div className="step-image"> <div className="step-image">
<img src="/images/microbit/mbit-connect-2.png" /> <img
className="screenshot"
src="/images/microbit/mbit-connect-2.png"
/>
</div> </div>
<p> <p>
<FormattedMessage <FormattedMessage
...@@ -147,7 +150,10 @@ class MicroBit extends ExtensionLanding { ...@@ -147,7 +150,10 @@ class MicroBit extends ExtensionLanding {
</Step> </Step>
<Step number={3}> <Step number={3}>
<div className="step-image"> <div className="step-image">
<img src="/images/microbit/mbit-connect-3.png" /> <img
className="screenshot"
src="/images/microbit/mbit-connect-3.png"
/>
</div> </div>
<p><FormattedMessage id="microbit.addExtension" /></p> <p><FormattedMessage id="microbit.addExtension" /></p>
</Step> </Step>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment