초기 PM 소스 전체 업로드

views/index/css/style-index-projectStatus.css

@@ -0,0 +1,118 @@
+@charset "utf-8";
+@import url("/index/css/reset.css");
+@import url("/index/css/system.css");
+
+html {
+  user-select: none;
+  -webkit-user-select: none;
+  -webkit-tap-highlight-color: transparent;
+  touch-action: manipulation;
+}
+
+/* 스크롤바 ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */
+.--scrollbar::-webkit-scrollbar {
+  width: 0.5rem;
+}
+
+.--scrollbar::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.--scrollbar::-webkit-scrollbar-thumb {
+  background-color: #aaa;
+  border: 0.125rem solid transparent;
+  border-radius: 0.25rem;
+  background-clip: padding-box;
+}
+
+.--scrollbar::-webkit-scrollbar-thumb:hover {
+  background-color: #777;
+}
+
+/* // 스크롤바 ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */
+
+/* 컴포넌트 ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */
+.--icon {
+  height: 1rem;
+  width: 1rem;
+  cursor: pointer;
+}
+
+.--selected {
+  background-color: var(--primary-lv-1);
+  outline: 0.0625rem solid var(--primary-lv-2);
+  box-shadow: 0 0.5rem 1.5rem -0.375rem rgba(0, 0, 0, 0.24);
+}
+
+.--selected .main__menu_list_item_text {
+  color: var(--primary-lv-6);
+  font-weight: 500;
+}
+
+.--button__xx-small {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: #fff;
+  border-radius: 0.25rem;
+  border: 0.0625rem solid var(--color-dahong-medium);
+}
+
+/* // 컴포넌트 ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */
+
+/* 스타일 ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */
+.main {
+  display: flex;
+  overflow: hidden;
+}
+
+.main__menu {
+  width: 24rem;
+  background-color: var(--primary-lv-0);
+  height: 100dvh;
+  border-right: 0.0625rem solid var(--primary-lv-2);
+  display: flex;
+  flex-direction: column;
+}
+
+.main__menu_head {
+  padding: 0.5rem 1rem;
+  background-color: var(--primary-lv-1);
+  color: var(--primary-lv-6);
+  border-bottom: 0.0625rem solid var(--primary-lv-2);
+}
+
+.main__menu_list {
+  padding-left: 0.5rem;
+  overflow-y: scroll;
+  flex-grow: 1;
+}
+
+.main__menu_list_item {
+  display: flex;
+  align-items: center;
+  padding: 0.5rem;
+  gap: 0.375rem;
+  border-radius: 0.25rem;
+  margin-right: 0.0625rem;
+}
+
+.main__menu_list_item:hover {
+  cursor: pointer;
+  background-color: var(--primary-lv-1);
+}
+
+.main__menu_list_item_text {
+  width: 0;
+  flex-grow: 1;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.main__preview {
+  width: 100%;
+  background-color: #444;
+}
+
+/* // 스타일 ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */