-
Notifications
You must be signed in to change notification settings - Fork 52
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
Appearances for MINI #40
Conversation
|
||
export default function Header() { | ||
const {filter, appId} = useContext(AppContext); | ||
const appName = useMemo(() => { | ||
return filter === 'LIFF' ? 'LIFF Playground' : 'LINE MINI App Playground' |
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.
I noticed that the style of the Open in LINE button is broken.
Applying the following diff can prevent the button's style from breaking.
diff --git a/src/components/Header.module.css b/src/components/Header.module.css
index 87edea9..02e74ac 100644
--- a/src/components/Header.module.css
+++ b/src/components/Header.module.css
@@ -17,6 +17,14 @@
align-items: center;
}
+.left {
+ flex: 1;
+}
+
+.right {
+ flex-basis: 100px;
+}
+
.left a {
text-decoration: none;
color: #000;
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.
The implementation of the notice switching was missing, so it has been added. e699014 |
ref: #37
Summary
In order to provide this as a Playground for MINI, changes were made to allow switching the appearance of text and other items.