mirror of
				https://github.com/cse110-fa22-group29/cse110-fa22-group29.git
				synced 2025-10-30 19:46:49 +00:00 
			
		
		
		
	resolve merge: css files and index.html
This commit is contained in:
		| @@ -12,8 +12,9 @@ | |||||||
|  |  | ||||||
|  |  | ||||||
|   <!-- Main Stylesheets & Scripts -->  |   <!-- Main Stylesheets & Scripts -->  | ||||||
|   <link rel="stylesheet" href="/source/assets/styles/main.css" /> |   <link rel="stylesheet" href="static/ReviewCard.css" /> | ||||||
|   <script src="/source/assets/scripts/main.js" type="module"></script> |   <link rel="stylesheet" href="static/reset.css" /> | ||||||
|  |   <script src="assets/scripts/main.js" type="module"></script> | ||||||
|  |  | ||||||
| </head> | </head> | ||||||
| <body> | <body> | ||||||
|   | |||||||
| @@ -1,85 +0,0 @@ | |||||||
| /* main.css */ |  | ||||||
|  |  | ||||||
| * { |  | ||||||
|   font-family: sans-serif; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| body { |  | ||||||
|   height: 100%; |  | ||||||
|   width: 100%; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| fieldset { |  | ||||||
|   border: 2px solid rgb(214, 214, 214); |  | ||||||
|   box-sizing: border-box; |  | ||||||
|   display: block; |  | ||||||
|   width: max-content; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| form button { |  | ||||||
|   display: block; |  | ||||||
|   margin-top: 5px; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| label[for="ingredients"] p { |  | ||||||
|   margin: 0; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| label[for="numRatings"] { |  | ||||||
|   margin: 10px 0 0 0; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| label[for^="rating"] { |  | ||||||
|   padding-right: 10px; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| label:not([for^="rating"]) { |  | ||||||
|   display: block; |  | ||||||
|   margin-bottom: 5px; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| main { |  | ||||||
|   column-gap: 10px; |  | ||||||
|   display: flex; |  | ||||||
|   flex-wrap: wrap; |  | ||||||
|   height: auto; |  | ||||||
|   max-width: 660px; |  | ||||||
|   row-gap: 10px; |  | ||||||
|   width: 100%; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| #tag-container { |  | ||||||
|   display: flex; |  | ||||||
|   flex-flow: row wrap; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| .tag { |  | ||||||
|   background-color: grey; |  | ||||||
|   border-radius: 7px; |  | ||||||
|   color: white; |  | ||||||
|   padding-right: 7px; |  | ||||||
|   padding-left: 7px; |  | ||||||
|   margin: 3px; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| .tag::before { |  | ||||||
|   display: inline-block; |  | ||||||
|   content: 'x'; |  | ||||||
|   height: 15px; |  | ||||||
|   width: 15px; |  | ||||||
|   margin-right: 4px; |  | ||||||
|   text-align: center; |  | ||||||
|   color: white; |  | ||||||
|   cursor: pointer; |  | ||||||
| } |  | ||||||
| .tag:hover::before{ |  | ||||||
|   color: red; |  | ||||||
| } |  | ||||||
| .danger { |  | ||||||
|   background-color: rgb(254, 171, 171); |  | ||||||
|   border-color: red; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| .hidden { |  | ||||||
|   display: none; |  | ||||||
| } |  | ||||||
							
								
								
									
										58
									
								
								static/ReviewCard.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										58
									
								
								static/ReviewCard.css
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,58 @@ | |||||||
|  | /* main.css */ | ||||||
|  |  | ||||||
|  | * { | ||||||
|  |     font-family: sans-serif; | ||||||
|  |   } | ||||||
|  |    | ||||||
|  |   body { | ||||||
|  |     height: 100%; | ||||||
|  |     width: 100%; | ||||||
|  |   } | ||||||
|  |    | ||||||
|  |   fieldset { | ||||||
|  |     border: 2px solid rgb(214, 214, 214); | ||||||
|  |     box-sizing: border-box; | ||||||
|  |     display: block; | ||||||
|  |     width: max-content; | ||||||
|  |   } | ||||||
|  |    | ||||||
|  |   form button { | ||||||
|  |     display: block; | ||||||
|  |     margin-top: 5px; | ||||||
|  |   } | ||||||
|  |    | ||||||
|  |   label[for="ingredients"] p { | ||||||
|  |     margin: 0; | ||||||
|  |   } | ||||||
|  |    | ||||||
|  |   label[for="numRatings"] { | ||||||
|  |     margin: 10px 0 0 0; | ||||||
|  |   } | ||||||
|  |    | ||||||
|  |   label[for^="rating"] { | ||||||
|  |     padding-right: 10px; | ||||||
|  |   } | ||||||
|  |    | ||||||
|  |   label:not([for^="rating"]) { | ||||||
|  |     display: block; | ||||||
|  |     margin-bottom: 5px; | ||||||
|  |   } | ||||||
|  |    | ||||||
|  |   main { | ||||||
|  |     column-gap: 10px; | ||||||
|  |     display: flex; | ||||||
|  |     flex-wrap: wrap; | ||||||
|  |     height: auto; | ||||||
|  |     max-width: 660px; | ||||||
|  |     row-gap: 10px; | ||||||
|  |     width: 100%; | ||||||
|  |   } | ||||||
|  |    | ||||||
|  |   .danger { | ||||||
|  |     background-color: rgb(254, 171, 171); | ||||||
|  |     border-color: red; | ||||||
|  |   } | ||||||
|  |    | ||||||
|  |   .hidden { | ||||||
|  |     display: none; | ||||||
|  |   } | ||||||
		Reference in New Issue
	
	Block a user