-
Notifications
You must be signed in to change notification settings - Fork 36
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[#394] feat: update link of pycontw blogger #395
Conversation
✅ Deploy Preview for ephemeral-sable-89c7e0 ready!
To edit notification comments on pull requests, go to your Netlify site settings. |
@tim08094495757 @SivanYeh @erik1110 please take a look about the refactroing (extracting data layer, new css coding style). Feel free to leave any thoughts, thanks! |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks, @yungshenglu and @josix.
These are feedbacks:
- In BulletinCard.vue, classes like bulletin--card__content were removed, but classes like bulletin--card__header are still survived~ => Need a explanation.
- Youtube.svg to YouTube.svg => Now YouTube.svg is missing.
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks for the hard work @yungshenglu. The whole refactoring about static data control looks really neat. Thanks!
configs/pageLanding.js
Outdated
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
😍😍😍
@media (min-width: 768px) { | ||
.core-footerIcon { | ||
width: 33px; | ||
height: 33px; | ||
} | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
question: I found that we have defined the md
breakpoint prefix as @media (min-width: 768px) {....}
in tailwind.config.js
. I guess we could just adopt utility class md:w-[33px] md:h-[33px]
for the class core-footerIcon
?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
If we have already defined, then I can replace them.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Fixed.
@apply absolute; | ||
top: 30%; | ||
} | ||
|
||
.bulletin--card__header { | ||
@apply font-serif text-base text-center mt-6 mb-5 font-bold; | ||
@media (min-width: 375px) { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
question: how about using xs:text-xl xs:mt-8 xs:mb-5
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Fixed.
<div class="w-full flex justify-center items-center flex-wrap"> | ||
<ext-link | ||
v-for="(item, index) in dataConfig" | ||
:key="`landing-footer-icon-${index}`" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
suggestion: I guess we also need to define the convention of naming the keys of items in array. e.g. [page]-[block]-[element]-[index]
or something like that.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is the part I forgot in the last meeting. There are so many kinds of naming convention in the repository. I totally agree that we should define one of our naming convention here.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM!
Types of changes
Description
BulletinCardCollection
和BulletinCard
configs/pageLanding.js
FooterSocial
和FooterHistory
configs/pageLanding.js
Related Issue
#394
Additional context
NA