style.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. /*
  2. * Copyright (C) 2019 Intel Corporation. All rights reserved.
  3. * SPDX-License-Identifier: Apache-2.0 WITH LLVM-exception
  4. */
  5. .box_wrapper {
  6. display: flex;
  7. justify-content: center;
  8. align-items: center;
  9. }
  10. .form_heading {
  11. text-align: left;
  12. }
  13. .form_heading vscode-divider,
  14. .config_form_heading vscode-divider,
  15. .form_bottom vscode-divider,
  16. .config_form_bottom vscode-divider {
  17. padding-bottom: 0.5rem;
  18. }
  19. .form_body,
  20. .config_form_body {
  21. display: grid;
  22. grid-row-gap: 1rem;
  23. padding-bottom: 0.5rem;
  24. }
  25. .config_form_body div,
  26. .config_submit_btn_wrapper {
  27. display: grid;
  28. grid-template-columns: 4fr 8fr;
  29. grid-column-gap: 0.5rem;
  30. }
  31. .form_heading,
  32. .form_body,
  33. .form_bottom {
  34. width: 400px;
  35. }
  36. .config_form_body,
  37. .config_form_heading,
  38. .config_form_bottom {
  39. width: 550px;
  40. }
  41. #btn_submit {
  42. border-radius: 5px;
  43. }
  44. #select_div,
  45. #text_filed_div,
  46. .proj_submit_btn_wrapper {
  47. display: grid;
  48. grid-template-columns: 3fr 9fr;
  49. grid-column-gap: 0.5rem;
  50. }
  51. #ipt_projName,
  52. #select_dropdown,
  53. .config_form_body vscode-text-field,
  54. .config_form_body vscode-text-area {
  55. width: 100%;
  56. }
  57. #btn {
  58. text-align: center;
  59. }