Commit 9ab8a632 authored by Kim, Subin's avatar Kim, Subin
Browse files

Pagination 추가 및 css

parent fe61b33a
...@@ -9,10 +9,12 @@ const MovieEdit = () => { ...@@ -9,10 +9,12 @@ const MovieEdit = () => {
<Search type="admin" /> <Search type="admin" />
</div> </div>
<MovieTable /> <MovieTable />
<div className="d-flex align-items-center"> <div className="d-md-flex">
<Pagination /> <Pagination />
<div className="d-flex justify-content-end col-md-3 ms-md-auto my-1">
<button type="button" className="btn btn-dark" style={{ width: "5em" }}>등록</button> <button type="button" className="btn btn-dark" style={{ width: "5em" }}>등록</button>
</div> </div>
</div>
</> </>
) )
} }
......
const Pagination = () => { const Pagination = () => {
return ( return (
<nav aria-label="Page navigation example"> <nav className="col-md-3 ms-md-auto my-1" aria-label="Page navigation example">
<ul className="pagination justify-content-center"> <ul className="pagination justify-content-center mb-0">
<li className="page-item"> <li className="page-item">
<a className="page-link" href="#" aria-label="Previous"> <a className="page-link" href="#" aria-label="Previous">
<span aria-hidden="true">&laquo;</span> <span aria-hidden="true">&laquo;</span>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment