최원석 / 2021-1-database-project

Go to a project
Toggle navigation Toggle navigation pinning
1seok2
33cdd747 1 parent 901d59ad

fix loader

Inline Side-by-side
Showing 6 changed files with 9 additions and 12 deletions
No preview for this file type
...@@ -6,10 +6,9 @@ ...@@ -6,10 +6,9 @@
6 justify-content: center; 6 justify-content: center;
7 align-items: center; 7 align-items: center;
8 font-size: .8rem; 8 font-size: .8rem;
9 - width: 100%;
10 9
11 div { 10 div {
12 - padding: .3rem 1.6rem; 11 + padding: .3rem 0 .3rem 1.6rem;
13 width: 90%; 12 width: 90%;
14 text-align: left; 13 text-align: left;
15 color: #aaaaaa; 14 color: #aaaaaa;
......
...@@ -7,11 +7,9 @@ ...@@ -7,11 +7,9 @@
7 display: block; 7 display: block;
8 width: calc(100% - 1.4rem); 8 width: calc(100% - 1.4rem);
9 border-bottom: 1px solid #aaa; 9 border-bottom: 1px solid #aaa;
10 - margin: 1.2rem 0; 10 + margin: 2.4rem 0 1.2rem;
11 - margin-top: 2.4rem;
12 padding: 0.7rem 0.7rem; 11 padding: 0.7rem 0.7rem;
13 color: #333; 12 color: #333;
14 - border-radius: .25rem;
15 &::placeholder { 13 &::placeholder {
16 color: #aaaaaa; 14 color: #aaaaaa;
17 } 15 }
......
1 .page-loader { 1 .page-loader {
2 - position: fixed;
3 - left: 46%;
4 - top: 47%;
5 display: none; 2 display: none;
6 width: 80px; 3 width: 80px;
7 height: 80px; 4 height: 80px;
8 - z-index: -1; 5 + z-index: 1;
6 + transform: translate(-50%, -50%);
7 + position: fixed;
8 + left: 50%;
9 + top: 50%;
9 } 10 }
10 .page-loader:after { 11 .page-loader:after {
11 content: " "; 12 content: " ";
...@@ -16,7 +17,6 @@ ...@@ -16,7 +17,6 @@
16 border-radius: 50%; 17 border-radius: 50%;
17 border: 12px solid #aaa; 18 border: 12px solid #aaa;
18 border-color: #a29bfe transparent #a29bfe transparent; 19 border-color: #a29bfe transparent #a29bfe transparent;
19 - transform: translate(-50%, -50%);
20 animation: spin 1.2s both infinite; 20 animation: spin 1.2s both infinite;
21 } 21 }
22 22
......
...@@ -16,7 +16,7 @@ const Intro = (): string =>{ ...@@ -16,7 +16,7 @@ const Intro = (): string =>{
16 id="id-input" 16 id="id-input"
17 type="text" 17 type="text"
18 name="insta_id" 18 name="insta_id"
19 - placeholder="INSTAGRAM ID" 19 + placeholder="INSTAGRAM NICKNAME"
20 /> 20 />
21 <button id="search-button">SEARCH</button> 21 <button id="search-button">SEARCH</button>
22 </label> 22 </label>
......
...@@ -62,7 +62,7 @@ def get_list(insta_id, driver): ...@@ -62,7 +62,7 @@ def get_list(insta_id, driver):
62 62
63 def crawler_instagram(insta_id): 63 def crawler_instagram(insta_id):
64 options = Options() 64 options = Options()
65 - # options.add_argument("--headless") 65 + options.add_argument("--headless")
66 options.add_argument("window-size=1920,1080") 66 options.add_argument("window-size=1920,1080")
67 driver = webdriver.Chrome(chrome_options=options, executable_path=LOCAL_PROJECT_PATH + '/crawler/chromedriver') 67 driver = webdriver.Chrome(chrome_options=options, executable_path=LOCAL_PROJECT_PATH + '/crawler/chromedriver')
68 driver.get(url=INSTAGRAM_URL) 68 driver.get(url=INSTAGRAM_URL)
......