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 slides button style

Browse Source
This commit is contained in:
Yanatchara JERAJA 2023-07-16 10:37:56 +07:00
parent b964806774
commit 4c602408bd
2 changed files with 43 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/Preproblems.jsx
View File

@ -29,24 +29,29 @@ const Preproblems = () => {
{/*Day 1*/}
<button>
<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"
target="_blank"
>
<span className="underline decoration-pink-500">Day 1 Slides</span>
</a></button>
<span className="underline decoration-pink-500">Day 1 Slides</span>
</a>
</button>
{/*# Day 2*/}
<button>
<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"
target="_blank"
>
<span className="underline decoration-pink-500">Day 2 Slides</span>
</a></button>
<span className="underline decoration-pink-500">Day 2 Slides</span>
</a>
</button>
{/*# Day 3*/}
<button>
<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"
target="_blank"
>

34
src/components/Problems.css
View File

@ -368,3 +368,37 @@ h4.mail {
/*border-color: #fc6ac3;*/
}
#about.hash-span {
padding-bottom: 0;
}
/*button {*/
/* border-radius: 10px;*/
/* border-width: thin;*/
/* border-color: #fc6ac3;*/
/* --button-bg: #fc6ac3;*/
/*}*/
button a.slide {
text-decoration: none;
background-color: #1f1f44;
border-radius: 10px;
margin-right: 10px;
margin-left: 10px;
padding: 10px 10px 10px 10px;
}
button a.slide:hover {
text-decoration: none;
background-color: #2e2b52;
}
span.underline.decoration-pink-500 {
--tw-text-opacity: 1;
color: #fc75c3;
text-decoration: none;
}
.Problems p {
padding-bottom: 20px;
}