sosokker/SOS12
1
0
Fork 0
mirror of https://github.com/Sosokker/SOS12.git synced 2025-12-19 20:54:06 +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' className='mt-4 text-secondary text-[17px] max-w-3xl leading-[30px] mx-auto text-center'
> >
{/*Day 1*/} {/*Day 1*/}
<button> <button className="slide-link">
<a <a
className="slide" 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" 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> </button>
{/*# Day 2*/} {/*# Day 2*/}
<button> <button className="slide-link">
<a <a
className="slide" 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" 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> </button>
{/*# Day 3*/} {/*# Day 3*/}
<button> <button className="slide-link">
<a <a
className="slide" 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" 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-radius: 10px;
border-width: thin; border-width: thin;
/*border-color: #fc6ac3;*/ /*border-color: #fc6ac3;*/
box-shadow: 0 4px 15px 0 rgb(255, 94, 231);
} }
button a.slide { button a.slide {
text-decoration: none; text-decoration: none;
background-color: #1f1f44; background-color: #1f1f44;
border-radius: 10px; border-radius: 10px;
margin-right: 10px; margin: 10px 10px 10px 10px;
margin-left: 10px;
padding: 10px 10px 10px 10px; padding: 10px 10px 10px 10px;
} }
@ -386,6 +386,8 @@ span.underline.decoration-pink-500 {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: #fc75c3; color: #fc75c3;
text-decoration: none; text-decoration: none;
margin: 10px 10px 10px 10px;
padding-bottom: 10px;
} }
.Problems p { .Problems p {
@ -406,3 +408,7 @@ div.MuiContainer-root {
text-decoration: none; text-decoration: none;
} }
.slide-link {
margin-bottom: 30px;
}