sosokker/SOS12
1
0
Fork 0
mirror of https://github.com/Sosokker/SOS12.git synced 2025-12-18 20:24:05 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

edited card and button style in problem page

Browse Source
This commit is contained in:
Yanatchara JERAJA 2023-07-16 11:48:52 +07:00
parent ecefc58c4a
commit 883d261f6e
2 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Preproblems.jsx
View File

@ -27,7 +27,7 @@ const Preproblems = () => {
className='mt-4 text-secondary text-[17px] max-w-3xl leading-[30px] mx-auto text-center'
>
{/*Day 1*/}
<button>
<button className="slide-link">
<a
className="slide"
href="https://www.canva.com/design/DAFmtzSyMEU/iDO-l19EMxqTZuB6xiX56g/view?utm_content=DAFmtzSyMEU&utm_campaign=designshare&utm_medium=link&utm_source=publishsharelink#1"
@ -38,7 +38,7 @@ const Preproblems = () => {
</button>
{/*# Day 2*/}
<button>
<button className="slide-link">
<a
className="slide"
href=" https://www.canva.com/design/DAFnlHJWs8A/Fr7CmfQqTRXB_NkUSsop5g/view?utm_content=DAFnlHJWs8A&utm_campaign=designshare&utm_medium=link&utm_source=publishsharelink#1"
@ -49,7 +49,7 @@ const Preproblems = () => {
</button>
{/*# Day 3*/}
<button>
<button className="slide-link">
<a
className="slide"
href="https://www.canva.com/design/DAFnjy2nh4g/aN8Wpiu8r_h4Sfr1hYEFLA/view?utm_content=DAFnjy2nh4g&utm_campaign=designshare&utm_medium=link&utm_source=publishsharelink#1"

10
src/components/Problems.css
View File

@ -366,14 +366,14 @@ h4.mail {
border-radius: 10px;
border-width: thin;
/*border-color: #fc6ac3;*/
box-shadow: 0 4px 15px 0 rgb(255, 94, 231);
}
button a.slide {
text-decoration: none;
background-color: #1f1f44;
border-radius: 10px;
margin-right: 10px;
margin-left: 10px;
margin: 10px 10px 10px 10px;
padding: 10px 10px 10px 10px;
}
@ -386,6 +386,8 @@ span.underline.decoration-pink-500 {
--tw-text-opacity: 1;
color: #fc75c3;
text-decoration: none;
margin: 10px 10px 10px 10px;
padding-bottom: 10px;
}
.Problems p {
@ -406,3 +408,7 @@ div.MuiContainer-root {
text-decoration: none;
}
.slide-link {
margin-bottom: 30px;
}