migs/kh_quote
1
0
Fork 0
mirror of https://github.com/miggymofongo/kh_quote.git synced 2024-11-23 22:50:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

beginning to add styles to the quote card

Browse source
This commit is contained in:
miggymofongo2 2024-06-15 01:25:53 -04:00
parent 1e5086d7a3
commit d0d961f1d3
2 changed files with 25 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/Components/Quote/QuoteCard.js
View file

@ -2,10 +2,16 @@ import React from 'react';
import './quote.css' import './quote.css'
export default function export default function
QuoteCard(props) { QuoteCard({ quote, game, name, key}) {
const { name, key } = props;
return ( <div><h2>{name}</h2>
<h4>{key}</h4></div> return ( <div class="quote-wrapper">
<quote>{quote}</quote>
<h2>{name}</h2>
<h3>{game}</h3>
<div></div>
</div>
); );
} }

20
src/Components/Quote/quote.css
View file

@ -1,5 +1,17 @@
.quotes { @font-face {
font-family: KHGummi;
font-family: "../Assets/Fonts/KHGummi"; src: url(../Assets/Fonts/KHGummi.otf);
} }
quote {
font-family: KHGummi;
}
.quote-wrapper {
border: solid black 4px;
padding: 50;
background: none;
cursor: pointer;
margin: 10px 0;
}