SmartUX Studioで既存のAngularプロジェクトを開くには

.c { text-align: center; } .overlay { /* グレーの背景 */ position: fixed; background: rgba(0, 0, 0, 0.2); transition: all 0.5s 0s ease; visibility: hidden; opacity: 0; top: 0; left: 0; bottom: 0; right: 0; } #pop-up1, #pop-up2, #pop-up3, #pop-up4, #pop-up5, #pop-up6 { display: none; } #pop-up1:checked + .overlay { visibility: visible; opacity: 1; z-index: 100000; background-color: #000000d0; width: 100%; } #pop-up2:checked + .overlay { visibility: visible; opacity: 1; z-index: 100000; background-color: #000000d0; width: 100%; } #pop-up3:checked + .overlay { visibility: visible; opacity: 1; z-index: 100000; background-color: #000000d0; width: 100%; } #pop-up4:checked + .overlay { visibility: visible; opacity: 1; z-index: 100000; background-color: #000000d0; width: 100%; } #pop-up5:checked + .overlay { visibility: visible; opacity: 1; z-index: 100000; background-color: #000000d0; width: 100%; } #pop-up6:checked + .overlay { visibility: visible; opacity: 1; z-index: 100000; background-color: #000000d0; width: 100%; } .popWindow { border-radius: 5px; overflow: auto; /* スクロールバー用 */ max-height: 95%; /* すき間 */ min-width: fit-content; /* 横幅が広い時に白の部分が大きくならないため */ max-width: 95%; /* すき間 */ position: fixed; top: 50%; /* 中央に */ left: 50%; /* 中央に */ transform: translate(-50%, -50%); /* 中央に */ z-index: 100010; font-size: 13px; line-height: 18px; margin: 10px auto; padding: 4px 10px; background: #f0f5f7; /* 枠の色 */ text-align: center; /* 文字を中央寄せ */ transition: all 500ms ease-in-out; } .popWindow .ptitle { font-size: 15px; margin: 8px; color: #333; } .popWindow .close { position: absolute; top: 8px; right: 10px; transition: all 300ms; font-size: 24px; line-height: inherit; font-weight: bold; text-decoration: none; color: #000; padding: 2px; } .popWindow .close:hover { color: #10b3d6; } .popWindow::-webkit-scrollbar-track { background: none; } .popWindow::-webkit-scrollbar { width: 10px; height: 10px; } .popWindow::-webkit-scrollbar-thumb { background: #999; border-radius: 5px; } .clickable:hover { cursor: pointer; } @media screen and (max-width: 700px) { .popWindow { min-width: 95%; } .popWindow .ptitle { font-size: 12px; } }