FE fix header wording, font size, url ordering

yennanliu · Oct 1, 2024 · d843b3d · d843b3d
1 parent 7bcc34d
commit d843b3d
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 7 deletions.
diff --git a/springSpotifyPlayList/frontend/spotify-playlist-ui/src/App.vue b/springSpotifyPlayList/frontend/spotify-playlist-ui/src/App.vue
@@ -3,11 +3,11 @@
     <header>
       <nav>
         <router-link to="/">Home</router-link> |
-        <router-link to="/album">Album</router-link> |
-        <router-link to="/playlist">Playlist</router-link> |
-        <router-link to="/profile">Profile</router-link> |
-        <router-link to="/search_album">Search Album</router-link> |
-        <router-link to="/search_artist">Search Artist</router-link> |
+        <router-link to="/profile">User Profile</router-link> |
+        <router-link to="/album">Get Album (Id)</router-link> |
+        <router-link to="/search_album">Get Album</router-link> |
+        <router-link to="/search_artist">Get Artist</router-link> |
+        <router-link to="/playlist">Create Playlist</router-link> |
         <router-link to="/recommendation">Recommendation</router-link>
       </nav>
     </header>
@@ -59,7 +59,7 @@ header {
 }
 
 nav {
-  font-size: 1rem;
+  font-size: 0.7rem;
   font-weight: bold;
   text-transform: uppercase;
   letter-spacing: 2px;

diff --git a/springSpotifyPlayList/frontend/spotify-playlist-ui/src/views/Album/GetAlbum.vue b/springSpotifyPlayList/frontend/spotify-playlist-ui/src/views/Album/GetAlbum.vue
@@ -1,5 +1,6 @@
 <template>
   <div class="container">
+    <h1>Search Album With ID</h1>
     <!-- Album ID Form -->
     <form class="album-form text-center">
       <div class="form-group">

diff --git a/springSpotifyPlayList/frontend/spotify-playlist-ui/src/views/Profile/ListUserPlayList.vue b/springSpotifyPlayList/frontend/spotify-playlist-ui/src/views/Profile/ListUserPlayList.vue
@@ -1,8 +1,9 @@
 <template>
   <div class="container">
+    <h1>User PlayList List</h1>
     <div class="row">
       <div class="col-12 text-center">
-        <h1 class="main-heading">User Playlists</h1>
+        <!-- <h1 class="main-heading">User Playlists</h1> -->
         <h5>{{ msg }}</h5>
       </div>
     </div>

diff --git a/...otifyPlayList/frontend/spotify-playlist-ui/src/views/Recommendation/GetRecommendation.vue b/...otifyPlayList/frontend/spotify-playlist-ui/src/views/Recommendation/GetRecommendation.vue
@@ -1,5 +1,6 @@
 <template>
   <div class="container">
+    <h1>Song Recommendation With ML</h1>
     <form @submit.prevent="getRecommend" class="recommendation-form">
       <!-- Amount Input -->
       <div class="form-group">

diff --git a/springSpotifyPlayList/frontend/spotify-playlist-ui/src/views/Search/SearchAlbum.vue b/springSpotifyPlayList/frontend/spotify-playlist-ui/src/views/Search/SearchAlbum.vue
@@ -1,5 +1,6 @@
 <template>
   <div class="container">
+    <h1>Search Album With Keyword</h1>
     <!-- Album Keyword Form -->
     <form class="album-form text-center">
       <div class="form-group">

diff --git a/springSpotifyPlayList/frontend/spotify-playlist-ui/src/views/Search/SearchArtist.vue b/springSpotifyPlayList/frontend/spotify-playlist-ui/src/views/Search/SearchArtist.vue
@@ -1,5 +1,6 @@
 <template>
     <div class="container">
+      <h1>Search Artist With Keyword</h1>
       <!-- Artist Keyword Form -->
       <form class="album-form text-center">
         <div class="form-group">