Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Commit73ed5cd

Browse files
committed
fix: styles
1 parent901da69 commit73ed5cd

File tree

2 files changed

+12
-19
lines changed

2 files changed

+12
-19
lines changed

‎site/src/components/Navbar/UserDropdown.tsx

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -70,7 +70,7 @@ export const UserDropdown: React.FC<UserDropdownProps> = ({ user, onSignOut }: U
7070

7171
<Divider/>
7272

73-
<Linkto="/preferences">
73+
<Linkto="/preferences"className={styles.link}>
7474
<MenuItemclassName={styles.menuItem}onClick={handleDropdownClick}>
7575
<ListItemIconclassName={styles.icon}>
7676
<AccountIcon/>
@@ -79,7 +79,7 @@ export const UserDropdown: React.FC<UserDropdownProps> = ({ user, onSignOut }: U
7979
</MenuItem>
8080
</Link>
8181

82-
<ahref="https://coder.com/docs"target="_blank"rel="noreferrer">
82+
<ahref="https://coder.com/docs"target="_blank"rel="noreferrer"className={styles.link}>
8383
<MenuItemclassName={styles.menuItem}onClick={handleDropdownClick}>
8484
<ListItemIconclassName={styles.icon}>
8585
<DocsIcon/>
@@ -115,18 +115,15 @@ export const useStyles = makeStyles((theme) => ({
115115

116116
userInfo:{
117117
marginBottom:theme.spacing(1),
118-
119-
"& a":{
120-
textDecoration:"none",
121-
color:"inherit",
122-
},
123118
},
119+
124120
arrowIcon:{
125121
color:fade(theme.palette.primary.contrastText,0.7),
126122
marginLeft:theme.spacing(1),
127123
width:16,
128124
height:16,
129125
},
126+
130127
arrowIconUp:{
131128
color:theme.palette.primary.contrastText,
132129
},
@@ -141,6 +138,11 @@ export const useStyles = makeStyles((theme) => ({
141138
},
142139
},
143140

141+
link:{
142+
textDecoration:"none",
143+
color:"inherit",
144+
},
145+
144146
icon:{
145147
color:theme.palette.text.secondary,
146148
},

‎site/src/pages/preferences/index.tsx

Lines changed: 3 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,15 @@
1+
importBoxfrom"@material-ui/core/Box"
12
importPaperfrom"@material-ui/core/Paper"
2-
import{makeStyles}from"@material-ui/core/styles"
33
importReactfrom"react"
44
import{Header}from"../../components/Header"
55
import{Footer}from"../../components/Page"
66

77
exportconstPreferencesPage:React.FC=()=>{
8-
conststyles=useStyles()
9-
108
return(
11-
<divclassName={styles.root}>
9+
<Boxdisplay="flex"flexDirection="column">
1210
<Headertitle="Preferences"/>
1311
<Paperstyle={{maxWidth:"1380px",margin:"1em auto",width:"100%"}}>Preferences here!</Paper>
1412
<Footer/>
15-
</div>
13+
</Box>
1614
)
1715
}
18-
19-
constuseStyles=makeStyles(()=>({
20-
root:{
21-
display:"flex",
22-
flexDirection:"column",
23-
},
24-
}))

0 commit comments

Comments
 (0)

[8]ページ先頭

©2009-2025 Movatter.jp