HyeonJun Jeon / Extended-Calendar

Go to a project
Toggle navigation Toggle navigation pinning
HyeonJun Jeon
3feb40fe 1 parent f47f04fe

[Style] Update design

Inline Side-by-side
Showing 2 changed files with 20 additions and 4 deletions
...@@ -85,8 +85,9 @@ button:disabled { ...@@ -85,8 +85,9 @@ button:disabled {
85 z-index: 1000; 85 z-index: 1000;
86 top: calc(100% + 5px); 86 top: calc(100% + 5px);
87 left: 20px; 87 left: 20px;
88 - background: rgb(246, 246, 246); 88 + background: rgb(250, 250, 250);
89 - border: solid thin black; 89 + box-shadow: 0px 0px 5px gray;
90 + border: solid thin grey;
90 border-radius: 5px; 91 border-radius: 5px;
91 display: none; 92 display: none;
92 padding: 10px; 93 padding: 10px;
...@@ -97,15 +98,28 @@ button:disabled { ...@@ -97,15 +98,28 @@ button:disabled {
97 .spl { 98 .spl {
98 display: flex; 99 display: flex;
99 flex-direction: column; 100 flex-direction: column;
101 + align-items: flex-start;
100 } 102 }
101 103
102 .spl > * { 104 .spl > * {
105 + margin-bottom: 3px;
106 +}
107 +
108 +.spl > :nth-child(1) {
103 margin-bottom: 5px; 109 margin-bottom: 5px;
110 + font-size: large;
111 +}
112 +
113 +.spl > :nth-child(2) {
114 + font-size: medium;
104 } 115 }
105 116
106 .spl > div { 117 .spl > div {
118 + margin-top: 5px;
119 + font-size: small;
107 background-color: white; 120 background-color: white;
108 border: solid 1px rgb(235, 235, 235); 121 border: solid 1px rgb(235, 235, 235);
122 + width: calc(100% - 2px);
109 } 123 }
110 124
111 .spc { 125 .spc {
......
...@@ -35,9 +35,11 @@ aside { ...@@ -35,9 +35,11 @@ aside {
35 /* height: 150px; 35 /* height: 150px;
36 width: 250px; */ 36 width: 250px; */
37 /* transform: translate(-50%, -50%); */ 37 /* transform: translate(-50%, -50%); */
38 - background: rgb(246, 246, 246); 38 + background: rgb(250, 250, 250);
39 + box-shadow: 0px 0px 5px gray;
40 + border: solid thin grey;
41 + border-radius: 5px;
39 display: none; 42 display: none;
40 - border: solid thin black;
41 padding: 5px; 43 padding: 5px;
42 } 44 }
43 45
......