Skip to content

responsividade #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.

Sign up for GitHub

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

Open
ricardo-ramos wants to merge 1 commit into
base: master
Choose a base branch
from
Open

responsividade #36

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion quinzena7/labefy-projeto/src/Components/CatalogPlaylists/CatalogPlaylists.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ class CatalogPlaylists extends React.Component {
})

.catch(() => {
alert("Erro ao criar playlist!")
alert("Erro ao carregar playlists!")
})
};

Expand Down
8 changes: 7 additions & 1 deletion quinzena7/labefy-projeto/src/Components/Menu/Styled.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,14 +4,20 @@ export const LabefyHeader = styled.header`
align-items: center;
background-color: #121212;
display: flex;
flex-wrap: wrap;
height: 16vh;
justify-content: space-around;
padding: 16px;

@media screen and (max-width: 543px) {
height: 24vh;
}
`

export const LabefyLogo = styled.div`
color: #1db954;
font-size: 20px;
font-size: 20px;
text-align: center;

h6 {
margin-top: 4px;
Expand Down
7 changes: 7 additions & 0 deletions quinzena7/labefy-projeto/src/Components/NewPlaylist/Styled.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,11 +14,18 @@ export const SectionNewPlaylist = styled.section`

form {
display: flex;
flex-wrap: wrap;
gap: 16px;
justify-content: center;
}

.inputNewPlaylistName {
height: 48px;
text-align: center;
width: 320px;

@media screen and (max-width: 400px) {
width: 280px;
}
}
`
4 changes: 4 additions & 0 deletions quinzena7/labefy-projeto/src/Components/PlaylistItem/Styled.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,4 +11,8 @@ export const ButtonWrapper = styled.div`
display: flex;
gap: 16px;
margin-top: 8px;

@media screen and (max-width: 400px) {
flex-direction: column;
}
`
2 changes: 2 additions & 0 deletions quinzena7/labefy-projeto/src/Components/ShowPlaylistSongs/Styled.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,7 @@ export const PlaylistSongsSection = styled.section`

.titleAddSong {
margin-top: 20px;
text-align: center;
}

.buttonAddNewSong {
Expand All @@ -27,6 +28,7 @@ export const PlaylistSongsSection = styled.section`

export const NewSongInputs = styled.div`
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
margin-top: 16px;
Expand Down
4 changes: 4 additions & 0 deletions quinzena7/labefy-projeto/src/Components/SongPlayer/Styled.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,4 +17,8 @@ export const SongPlayerStyled = styled.div`
align-items: center;
gap: 8px;
display: flex;

@media screen and (max-width: 500px) {
flex-direction: column;
}
`